AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Fix ineffective theming of switch slider

Browse Source 
in a specific case, which was applying .slider as a class on the parent
switch, instead of correctly selecting on its child node named slider.

This makes the border on the outside of a switch in a selected listbox
row look better in the light variant. Since the code was never removed,
it was clearly meant to work, and making it work is a clear improvement.
This commit is contained in:
Daniel Boles 2017-09-03 13:53:48 +01:00
parent 8cd37ff0df
commit 68631d6dbd
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2608,10 +2608,10 @@ switch {
&:backdrop { border-color: $selected_borders_color; }
&.slider:dir(rtl) { border-left-color: $borders_color; }
&.slider:dir(ltr) { border-right-color: $borders_color; }
slider:dir(rtl) { border-left-color: $borders_color; }
slider:dir(ltr) { border-right-color: $borders_color; }
&.slider { &:checked, & { border-color: $selected_borders_color; } }
slider { &:checked, & { border-color: $selected_borders_color; } }
}
}
}

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

@ -1089,11 +1089,11 @@ row:selected switch { box-shadow: none; border-color: #184472; }
row:selected switch:backdrop { border-color: #184472; }
row:selected switch.slider:dir(rtl) { border-left-color: #b6b6b3; }
row:selected switch slider:dir(rtl) { border-left-color: #b6b6b3; }
row:selected switch.slider:dir(ltr) { border-right-color: #b6b6b3; }
row:selected switch slider:dir(ltr) { border-right-color: #b6b6b3; }
row:selected switch.slider:checked, row:selected switch.slider { border-color: #184472; }
row:selected switch slider:checked, row:selected switch slider { border-color: #184472; }
/************************* Check and Radio items * */
.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { -gtk-icon-shadow: none; -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; min-width: 40px; min-height: 40px; background-image: none; transition: none; box-shadow: none; border-width: 0; }