AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-28 22:41:43 +00:00
Code Issues Projects Releases Wiki Activity

themes: Make disabled Expander arrow look disabled

Browse Source 
If GtkExpander:sensitive was FALSE, the arrow still got the normal fg
colour, which made it look clickable, in contrast to the adjacent label.
Fix this by adding selectors to catch the applicable :disabled states.

Note: Needing these may indicate an oops in generic styles elsewhere,
but I couldn’t see any, so let’s just get it looking right for now.

Close https://gitlab.gnome.org/GNOME/gtk/issues/146
This commit is contained in:
Daniel Boles 2018-03-29 21:23:50 +01:00
parent 7b0387efbf
commit 70198e21ee
6 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gtk/theme/Adwaita/_common.scss
View File

@ -3645,9 +3645,11 @@ expander {
min-width: 16px;
min-height: 16px;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:disabled { color: $insensitive_fg_color; }
&:disabled:backdrop { color: $backdrop_insensitive_color; }
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
}

4
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -1596,6 +1596,10 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g
expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander title > arrow:disabled { color: #919494; }
expander title > arrow:disabled:backdrop { color: #566164; }
expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover > arrow { color: white; }

4
gtk/theme/Adwaita/gtk-contained.css
View File

@ -1616,6 +1616,10 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g
expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander title > arrow:disabled { color: #8b8e8f; }
expander title > arrow:disabled:backdrop { color: #c3c3c0; }
expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover > arrow { color: #748489; }

3
gtk/theme/HighContrast/_common.scss
View File

@ -2769,6 +2769,9 @@ expander {
min-height: 16px;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:disabled { color: $insensitive_fg_color; }
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
}

2
gtk/theme/HighContrast/gtk-contained-inverse.css
View File

@ -1244,6 +1244,8 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g
expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander title > arrow:disabled { color: gray; }
expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover > arrow { color: white; }

2
gtk/theme/HighContrast/gtk-contained.css
View File

@ -1250,6 +1250,8 @@ expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -g
expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander title > arrow:disabled { color: gray; }
expander title > arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover > arrow { color: #4d4d4d; }