[gtk+] Adwaita: no rounded corners for backdrop tiled windows

[Lapo Calamandrei <lapo src gnome org>]

commit aa4b385398e99fed6dd71791eb5a9e2e5ea4db9d
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Mon Feb 15 12:34:55 2016 +0100

    Adwaita: no rounded corners for backdrop tiled windows
    
    fixes https://bugzilla.gnome.org/show_bug.cgi?id=762067

 gtk/theme/Adwaita/_common.scss           |   17 ++++++-----
 gtk/theme/Adwaita/_drawing.scss          |    9 ++++++
 gtk/theme/Adwaita/gtk-contained-dark.css |   43 +++++++++++------------------
 gtk/theme/Adwaita/gtk-contained.css      |   43 +++++++++++------------------
 4 files changed, 50 insertions(+), 62 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 26bb539..23a258b 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1361,7 +1361,7 @@ headerbar {
   }
 
   .tiled &,
-   .maximized & { border-radius: 0; } // squared corners when the window is max'd or tile
+  .maximized & { &:backdrop, & { border-radius: 0; }}
 
   &.default-decoration {
     padding: 0 4px;
@@ -2187,19 +2187,19 @@ switch {
     min-height: 27px;
     border: 1px solid;
     border-radius: 3px;
+    @include slider;
+/*
     @include button(normal);
     box-shadow: inset 0 1px if($variant=='light', white,
                                transparentize(white, 0.85)),
-                inset 0 -2px transparentize($bg_color, 0.4),
+                inset 0 -2px white,
                 inset 0 -1px mix($bg_color, $borders_color, 50%);
+*/
   }
 
   &:hover slider {
-    @include button(hover);
-    box-shadow: inset 0 1px if($variant=='light', white,
-                               transparentize(white, 0.85)),
-                inset 0 -2px transparentize($bg_color, 0.4),
-                inset 0 -1px mix($bg_color, $borders_color, 50%);
+    @include slider;
+    // FIXME hover state todo
   }
 
   &:active slider { border: 1px solid $selected_borders_color; }
@@ -2329,7 +2329,8 @@ radio {
   min-width: 14px;
   border: 1px solid;
   -gtk-icon-source: none;
-  @include button(normal);
+  // @include button(normal);
+  @include slider;
   &:hover { @include button(hover); }
   &:active { @include button(active); }
   &:disabled { @include button(insensitive); }
diff --git a/gtk/theme/Adwaita/_drawing.scss b/gtk/theme/Adwaita/_drawing.scss
index 1434dac..b2f35e7 100644
--- a/gtk/theme/Adwaita/_drawing.scss
+++ b/gtk/theme/Adwaita/_drawing.scss
@@ -591,3 +591,12 @@
   border: none;
   box-shadow: none;
 }
+
+ mixin slider {
+  background-image: linear-gradient(to top, darken($headerbar_color, 6%), $headerbar_color 30%);
+  border-color: $borders_color;
+  box-shadow: inset 0 1px if($variant=='light', white, _button_hilight_color($headerbar_color)),
+              inset 0 -2px if($variant=='light', transparentize(white, 0.4), white),
+              inset 0 -1px darken($headerbar_color, 13%),
+              0 1px transparentize(black, 0.9);
+}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 183156f..a0ae7e2 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1827,8 +1827,10 @@ headerbar {
         -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
         color: rgba(255, 255, 255, 0.5);
         -gtk-icon-shadow: none; }
-  .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
+  .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized 
.titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
+  headerbar:backdrop, .tiled
   headerbar, .maximized
+  headerbar:backdrop, .maximized
   headerbar {
     border-radius: 0; }
   .default-decoration.titlebar:not(headerbar),
@@ -2414,29 +2416,20 @@ switch {
     min-height: 27px;
     border: 1px solid;
     border-radius: 3px;
-    color: #eeeeec;
-    outline-color: rgba(238, 238, 236, 0.3);
+    background-image: linear-gradient(to top, #232727, #323737 30%);
     border-color: #1c1f1f;
-    background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f);
-    text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px 
#2b2f2f; }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px white, inset 0 -1px #121414, 0 1px 
rgba(0, 0, 0, 0.1);
+    /*
+        @include button(normal);
+        box-shadow: inset 0 1px if($variant=='light', white,
+                                   transparentize(white, 0.85)),
+                    inset 0 -2px white,
+                    inset 0 -1px mix($bg_color, $borders_color, 50%);
+    */ }
   switch:hover slider {
-    color: #eeeeec;
-    outline-color: rgba(238, 238, 236, 0.3);
+    background-image: linear-gradient(to top, #232727, #323737 30%);
     border-color: #1c1f1f;
-    /*
-    background-image: linear-gradient(to bottom,
-                                      lighten($c, 16%),
-                                      lighten($c, 6%) 40%,
-                                      lighten($c, 2%));
-    */
-    background-image: linear-gradient(to bottom, #3b4242, #343a3a 60%, #2f3434);
-    text-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
-    -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -2px rgba(57, 63, 63, 0.6), inset 0 -1px 
#2b2f2f; }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px white, inset 0 -1px #121414, 0 1px 
rgba(0, 0, 0, 0.1); }
   switch:active slider {
     border: 1px solid #0f2b48; }
   switch:disabled slider {
@@ -2819,13 +2812,9 @@ radio {
   min-width: 14px;
   border: 1px solid;
   -gtk-icon-source: none;
-  color: #eeeeec;
-  outline-color: rgba(238, 238, 236, 0.3);
+  background-image: linear-gradient(to top, #232727, #323737 30%);
   border-color: #1c1f1f;
-  background-image: linear-gradient(to bottom, #343a3a, #2f3434 60%, #2a2f2f);
-  text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-  -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); }
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), inset 0 -2px white, inset 0 -1px #121414, 0 1px rgba(0, 
0, 0, 0.1); }
   check:only-child,
   radio:only-child {
     margin: 0; }
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index a199c62..21fca0a 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1831,8 +1831,10 @@ headerbar {
         -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
         color: rgba(255, 255, 255, 0.5);
         -gtk-icon-shadow: none; }
-  .tiled .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
+  .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized 
.titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
+  headerbar:backdrop, .tiled
   headerbar, .maximized
+  headerbar:backdrop, .maximized
   headerbar {
     border-radius: 0; }
   .default-decoration.titlebar:not(headerbar),
@@ -2425,29 +2427,20 @@ switch {
     min-height: 27px;
     border: 1px solid;
     border-radius: 3px;
-    color: #2e3436;
-    outline-color: rgba(46, 52, 54, 0.3);
+    background-image: linear-gradient(to top, #e6e6e4, #f4f4f4 30%);
     border-color: #9d9d99;
-    background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
-    text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0);
-    box-shadow: inset 0 1px white, inset 0 -2px rgba(232, 232, 231, 0.6), inset 0 -1px #c3c3c0; }
+    box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #d4d4d2, 0 1px 
rgba(0, 0, 0, 0.1);
+    /*
+        @include button(normal);
+        box-shadow: inset 0 1px if($variant=='light', white,
+                                   transparentize(white, 0.85)),
+                    inset 0 -2px white,
+                    inset 0 -1px mix($bg_color, $borders_color, 50%);
+    */ }
   switch:hover slider {
-    color: #2e3436;
-    outline-color: rgba(46, 52, 54, 0.3);
+    background-image: linear-gradient(to top, #e6e6e4, #f4f4f4 30%);
     border-color: #9d9d99;
-    /*
-    background-image: linear-gradient(to bottom,
-                                      lighten($c, 16%),
-                                      lighten($c, 6%) 40%,
-                                      lighten($c, 2%));
-    */
-    background-image: linear-gradient(to bottom, #f7f7f7, #e8e8e7 60%, #dededd);
-    text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0);
-    box-shadow: inset 0 1px white, inset 0 -2px rgba(232, 232, 231, 0.6), inset 0 -1px #c3c3c0; }
+    box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #d4d4d2, 0 1px 
rgba(0, 0, 0, 0.1); }
   switch:active slider {
     border: 1px solid #184472; }
   switch:disabled slider {
@@ -2949,13 +2942,9 @@ radio {
   min-width: 14px;
   border: 1px solid;
   -gtk-icon-source: none;
-  color: #2e3436;
-  outline-color: rgba(46, 52, 54, 0.3);
+  background-image: linear-gradient(to top, #e6e6e4, #f4f4f4 30%);
   border-color: #9d9d99;
-  background-image: linear-gradient(to bottom, #e8e8e7, #dededd 60%, #cfcfcd);
-  text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-  -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); }
+  box-shadow: inset 0 1px white, inset 0 -2px rgba(255, 255, 255, 0.6), inset 0 -1px #d4d4d2, 0 1px rgba(0, 
0, 0, 0.1); }
   check:only-child,
   radio:only-child {
     margin: 0; }