[gtk+] Adwaita: special case .default-decoration

[Lapo Calamandrei <lapo src gnome org>]

commit 00f618ea1abf124c5be7582889173159fdcaefd2
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Fri Oct 31 16:53:23 2014 +0100

    Adwaita: special case .default-decoration
    
    Titlebars which are just window handles can be smaller.

 gtk/resources/theme/Adwaita/_common.scss           |   79 +++++++++++++-------
 gtk/resources/theme/Adwaita/gtk-contained-dark.css |    6 ++
 gtk/resources/theme/Adwaita/gtk-contained.css      |    6 ++
 3 files changed, 65 insertions(+), 26 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index ae70cc9..4300ec8 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -1184,11 +1184,13 @@ GtkComboBox {
     font-weight: bold;
     padding: 0px 12px;
   }
+
   .subtitle {
     font-size: smaller;
     padding: 0 12px;
     @extend .dim-label;
   }
+
   .header-bar-separator,
   & > GtkBox > .separator.vertical {
     -GtkWidget-wide-separators: true;
@@ -1200,111 +1202,136 @@ GtkComboBox {
                                   $borders_color 70%,
                                   transparentize($borders_color,1) 100%)
                   0 1 / 0 1px stretch; //FIXME use a proper color
+
     &:backdrop {
-      border-image: linear-gradient(to bottom,
-                                    transparentize($backdrop_borders_color,
-                                                   0.5))
+      border-image: linear-gradient(to bottom, transparentize($backdrop_borders_color, 0.5))
                     0 1 / 1px 1px;  //FIXME use a proper color
     }
   }
+
   &.selection-mode {
     $_hc: mix($top_hilight,$selected_bg_color, 50%); // hilight color
+
     color: $selected_fg_color;
     text-shadow: 0 -1px transparentize(black, 0.5);
     border-color: $selected_borders_color;
     background-image: linear-gradient(to bottom,
                                       lighten($selected_bg_color,5%),
                                       $selected_bg_color);
-    box-shadow: inset 0 -1px mix($selected_borders_color,
-                                 $selected_bg_color, 35%), //bottom shade
+    box-shadow: inset 0 -1px mix($selected_borders_color, $selected_bg_color, 35%), //bottom shade
                 inset 0 1px $_hc;
+
     &:backdrop {
       background-image: linear-gradient(to bottom, $selected_bg_color);
       box-shadow: inset 0 1px mix($top_hilight,$selected_bg_color, 60%);
     }
+
     .subtitle:link { @extend *:link:selected;  }
+
     .button {
       @include button(normal, $selected_bg_color, $selected_fg_color, $_hc);
+
       &.flat { @include button(undecorated); }
-      &:hover { @include button(hover, $selected_bg_color, $selected_fg_color,
-                                $_hc); }
-      &:active, &:checked { @include button(active, $selected_bg_color,
-                                            $selected_fg_color, $_hc); }
-      &:backdrop, &.flat:backdrop {
+
+      &:hover { @include button(hover, $selected_bg_color, $selected_fg_color, $_hc); }
+
+      &:active, &:checked { @include button(active, $selected_bg_color, $selected_fg_color, $_hc); }
+
+      &:backdrop,
+      &.flat:backdrop {
         @include button(backdrop, $selected_bg_color, $selected_fg_color, $_hc);
         -gtk-image-effect: none;
         border-color: $selected_borders_color;
-        &:active, &:checked {
-          @include button(backdrop-active, $selected_bg_color,
-                          $selected_fg_color, $_hc);
+
+        &:active,
+        &:checked {
+          @include button(backdrop-active, $selected_bg_color, $selected_fg_color, $_hc);
           border-color: $selected_borders_color;
         }
+
         &:insensitive {
-          @include button(backdrop-insensitive, $selected_bg_color,
-                          $selected_fg_color, $_hc);
+          @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, $_hc);
           border-color: $selected_borders_color;
         }
-        &:insensitive:active, &:insensitive:checked {
+
+        &:insensitive:active,
+        &:insensitive:checked {
           @include button(backdrop-insensitive-active, $selected_bg_color,
                           $selected_fg_color, $_hc);
           border-color: $selected_borders_color;
         }
       }
-      &.flat:backdrop, &.flat:insensitive, &.flat:insensitive:backdrop {
+
+      &.flat:backdrop,
+      &.flat:insensitive,
+      &.flat:insensitive:backdrop {
         @include button(undecorated);
       }
+
       &:insensitive {
-        @include button(insensitive, $selected_bg_color, $selected_fg_color,
-                        $_hc);
-        &:active, &:checked {
-          @include button(insensitive-active, $selected_bg_color,
-                          $selected_fg_color, $_hc);
-        }
+        @include button(insensitive, $selected_bg_color, $selected_fg_color, $_hc);
+
+        &:active, &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color, 
$_hc); }
       }
+
       &.suggested-action {
         @include button(normal, $edge:$_hc);
         border-color: $selected_borders_color;
+
         &:hover {
           @include button(hover, $edge:$_hc);
           border-color: $selected_borders_color;
         }
+
         &:active {
           @include button(active, $edge:$_hc);
           border-color: $selected_borders_color;
         }
+
         &:insensitive {
           @include button(insensitive, $edge:$_hc);
           border-color: $selected_borders_color;
         }
+
         &:backdrop {
           @include button(backdrop, $edge:$_hc);
           border-color: $selected_borders_color;
         }
+
         &:backdrop:insensitive {
           @include button(backdrop-insensitive, $edge:$_hc);
           border-color: $selected_borders_color;
         }
       }
     }
+
     .selection-menu {
-      border-color: transparentize($selected_bg_color,1);
-      background-image: linear-gradient(to bottom,
-                        transparentize($selected_bg_color,1));
+      border-color: transparentize($selected_bg_color, 1);
+      background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1));
       box-shadow: none;
       padding-left: 10px;
       padding-right: 10px;
+
       GtkArrow { -GtkArrow-arrow-scaling: 1; }
+
       .arrow {
         -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
         color: transparentize($selected_fg_color,0.5);
         icon-shadow: none;
       }
+
       &:backdrop { @extend .selection-menu };
     }
   }
+
   .tiled &, .maximized & {
     border-radius: 0; // squared corners when the window is max'd or tiled
   }
+
+  &.default-decoration {
+    padding: 4px;
+    .button { padding: 5px; }
+  }
 }
 
 /************
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css 
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index f33746d..9d6fcd6 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -1880,6 +1880,12 @@ GtkComboBox {
   .header-bar, .maximized
   .header-bar {
     border-radius: 0; }
+  .titlebar.default-decoration,
+  .header-bar.default-decoration {
+    padding: 4px; }
+    .titlebar.default-decoration .button,
+    .header-bar.default-decoration .button {
+      padding: 5px; }
 
 /************
  * Pathbars *
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index eb6f5e5..992e177 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -1872,6 +1872,12 @@ GtkComboBox {
   .header-bar, .maximized
   .header-bar {
     border-radius: 0; }
+  .titlebar.default-decoration,
+  .header-bar.default-decoration {
+    padding: 4px; }
+    .titlebar.default-decoration .button,
+    .header-bar.default-decoration .button {
+      padding: 5px; }
 
 /************
  * Pathbars *