[gtk/wip/jimmac/adwaita-3-32: 53/67] Adwaita: non-square buttons rejiggle

[Matthias Clasen <matthiasc src gnome org>]

commit 7a51da1e6990026321d3874684fc4a0ddc6120fe
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Dec 12 18:42:57 2018 +0100

    Adwaita: non-square buttons rejiggle
    
    - rather than squishing vertically, stretch horizontally.
      The previous method made some non-button widgets odd looking.
    
    https://gitlab.gnome.org/GNOME/gtk/issues/1510

 gtk/theme/Adwaita/_common.scss           | 10 +++++-----
 gtk/theme/Adwaita/gtk-contained-dark.css |  8 ++++----
 gtk/theme/Adwaita/gtk-contained.css      |  8 ++++----
 3 files changed, 13 insertions(+), 13 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 35680e477b..b6a8560df6 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -525,8 +525,8 @@ $_dot_color: if($variant=='light', $selected_bg_color,
 button {
   @at-root %button_basic, & {
 
-    min-height: 22px;
-    min-width: 16px;
+    min-height: 24px;
+    min-width: 18px;
     padding: 4px 8px;
     border: 1px solid;
     border-radius: $button_radius;
@@ -591,7 +591,7 @@ button {
     }
 
     &.image-button {
-      min-width: 24px;
+      min-width: 26px;
       padding-left: 4px;
       padding-right: 4px;
     }
@@ -634,10 +634,10 @@ button {
 
   // big standalone buttons like in Documents pager
   &.osd {
-    min-width: 24px;
+    min-width: 26px;
     min-height: 32px;
 
-    &.image-button { min-width: 32px; }
+    &.image-button { min-width: 34px; }
 
     color: $osd_fg_color;
     border-radius: 5px;
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 99e6ce47ac..8831100025 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -188,7 +188,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #15539e; }
 @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 
0.01, to(#1f76e1), to(transparent)); }
   to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#15539e), 
to(transparent)); } }
 
-notebook > header > tabs > arrow, button.titlebutton, button { min-height: 22px; min-width: 16px; padding: 
4px 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #111111; 
background-image: linear-gradient(to top, #3c3c3d 2px, #3f3e40); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); 
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 
2px rgba(0, 0, 0, 0.07); }
+notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 18px; padding: 
4px 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #252526; border-bottom-color: #111111; 
background-image: linear-gradient(to top, #3c3c3d 2px, #3f3e40); text-shadow: 0 -1px rgba(0, 0, 0, 0.802353); 
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.802353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 
2px rgba(0, 0, 0, 0.07); }
 
 notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: 
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
 
@@ -226,7 +226,7 @@ notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:ac
 
 notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > 
header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > 
arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > 
arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, 
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #969696; }
 
-notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { 
min-width: 24px; padding-left: 4px; padding-right: 4px; }
+notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { 
min-width: 26px; padding-left: 4px; padding-right: 4px; }
 
 notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { 
padding-left: 16px; padding-right: 16px; }
 
@@ -240,9 +240,9 @@ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(di
 
 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, 
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #969696; }
 
-button.osd { min-width: 24px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; 
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 
0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px 
black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: 
none; }
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; 
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 
0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px 
black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: 
none; }
 
-button.osd.image-button { min-width: 32px; }
+button.osd.image-button { min-width: 34px; }
 
 button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; 
background-image: image(rgba(66, 61, 76, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 
238, 236, 0.3); border: none; box-shadow: none; }
 
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 33d82f78f4..d55a695743 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -188,7 +188,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; }
 @keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 
0.01, to(#3584e4), to(transparent)); }
   to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), 
to(transparent)); } }
 
-notebook > header > tabs > arrow, button.titlebutton, button { min-height: 22px; min-width: 16px; padding: 
4px 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; 
background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px 
rgba(0, 0, 0, 0.07); }
+notebook > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 18px; padding: 
4px 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); 
color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; 
background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px 
rgba(0, 0, 0, 0.07); }
 
 notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: 
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
 
@@ -226,7 +226,7 @@ notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:ac
 
 notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > 
header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > 
arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > 
arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, 
button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #929595; }
 
-notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { 
min-width: 24px; padding-left: 4px; padding-right: 4px; }
+notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { 
min-width: 26px; padding-left: 4px; padding-right: 4px; }
 
 notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { 
padding-left: 16px; padding-right: 16px; }
 
@@ -242,9 +242,9 @@ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(di
 
 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, 
row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; }
 
-button.osd { min-width: 24px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; 
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 
0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px 
black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: 
none; }
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; 
border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(36, 33, 42, 
0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px 
black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: 
none; }
 
-button.osd.image-button { min-width: 32px; }
+button.osd.image-button { min-width: 34px; }
 
 button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; 
background-image: image(rgba(66, 61, 76, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 
238, 236, 0.3); border: none; box-shadow: none; }