[gnome-shell/wip/sass: 60/90] theme: Fix caption border gap



commit 658724e242931a94f9875554a4888a2595da3dd5
Author: Carlos Soriano <csoriano gnome org>
Date:   Wed Jan 21 17:26:23 2015 +0100

    theme: Fix caption border gap
    
    Since widnows decorations with round corners has a special shape,
    which when scaled we can't match with a simple border-radius.
    So to prevent to show a gap between the caption border and the
    caption itself, apply a shadow.

 data/theme/_common.scss                  |    4 ++++
 data/theme/gnome-shell-high-contrast.css |    3 ++-
 data/theme/gnome-shell.css               |    3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 5504222..2da85f7 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -944,6 +944,10 @@ StScrollBar {
   .window-clone-border {
     border: 4px solid $selected_bg_color;
     border-radius: 4px;
+    // For window decorations with round corners we can't match
+    // the exact shape when the window is scaled. So apply a shadow
+    // to fix that case
+    box-shadow: inset 0px 0px 0px 1px $selected_bg_color;;
   }
   .window-caption {
     spacing: 25px;
diff --git a/data/theme/gnome-shell-high-contrast.css b/data/theme/gnome-shell-high-contrast.css
index 0c21596..00203d4 100644
--- a/data/theme/gnome-shell-high-contrast.css
+++ b/data/theme/gnome-shell-high-contrast.css
@@ -1200,7 +1200,8 @@ StScrollBar {
 
 .window-clone-border {
   border: 4px solid #215d9c;
-  border-radius: 4px; }
+  border-radius: 4px;
+  box-shadow: inset 0px 0px 0px 1px #215d9c; }
 
 .window-caption {
   spacing: 25px;
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 7aa4c28..b768e81 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1200,7 +1200,8 @@ StScrollBar {
 
 .window-clone-border {
   border: 4px solid #215d9c;
-  border-radius: 4px; }
+  border-radius: 4px;
+  box-shadow: inset 0px 0px 0px 1px #215d9c; }
 
 .window-caption {
   spacing: 25px;


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]