[gtk/gtk-3-24] Adwaita: list buttons



commit f968fdf3a1b0921ce52fb9511403f7a81dda8c7c
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Nov 22 13:20:10 2018 +0100

    Adwaita: list buttons
    
    - tone down buttons when inside lists
    
    Fixes issue #1473

 gtk/theme/Adwaita/_common.scss           | 6 ++++++
 gtk/theme/Adwaita/gtk-contained-dark.css | 6 +++++-
 gtk/theme/Adwaita/gtk-contained.css      | 6 +++++-
 3 files changed, 16 insertions(+), 2 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index fd7477556c..41cdab4e76 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -1094,6 +1094,12 @@ button.color {
   }
 }
 
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+list row button {
+  @extend %undecorated_button;
+  border: 1px solid transparentize($borders_color, .5);
+}
 
 /*********
  * Links *
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 6331a2033d..04755fde12 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -442,7 +442,7 @@ filechooser .path-bar.linked > button:only-child { border-radius: 3px; border-st
 
 .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, 
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { 
border-radius: 3px; border-style: solid; }
 
-modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, 
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, button:link, button:visited, 
button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, 
button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, 
.scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; 
background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px 
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, 
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row button, button:link, 
button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, 
button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup 
button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { 
background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
 /* menu buttons */
 modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; 
border-radius: 3px; outline-offset: -2px; }
@@ -461,6 +461,10 @@ button.color { padding: 4px; }
 
 button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
 
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+list row button { border: 1px solid rgba(37, 37, 38, 0.5); }
+
 /********* Links * */
 button:link > label, button:visited > label, *:link, button:link, button:visited { color: #3584e4; }
 
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index d198f6214f..54d815f153 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -444,7 +444,7 @@ filechooser .path-bar.linked > button:only-child { border-radius: 3px; border-st
 
 .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, 
.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { 
border-radius: 3px; border-style: solid; }
 
-modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, 
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, button:link, button:visited, 
button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, 
button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, 
.scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; 
background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px 
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, 
.menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row button, button:link, 
button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, 
button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup 
button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { 
background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
 /* menu buttons */
 modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; 
border-radius: 3px; outline-offset: -2px; }
@@ -469,6 +469,10 @@ button.color colorswatch:only-child, button.color colorswatch:only-child overlay
 
 .osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd 
button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, 
button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, 
button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
 
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+list row button { border: 1px solid rgba(200, 194, 188, 0.5); }
+
 /********* Links * */
 button:link > label, button:visited > label, *:link, button:link, button:visited { color: #1b6acb; }
 


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