themes: Do expander arrow :hover properly

We want to prelight the arrow even when the label is hovered.
This commit is contained in:
Benjamin Otte 2017-11-05 05:08:18 +01:00
parent e3effc8df2
commit 4ee02725b4
6 changed files with 22 additions and 19 deletions

View File

@ -3619,10 +3619,11 @@ expander {
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:hover { color: lighten($fg_color,30%); } //only lightens the arrow
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
}
title:hover arrow {
color: lighten($fg_color,30%); //only lightens the arrow
}
}

View File

@ -1142,15 +1142,15 @@ menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, me
check { border-radius: 3px; }
check:checked { -gtk-icon-source: -gtk-recolor(url("assets/check-symbolic.symbolic.png")); }
check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/dash-symbolic.symbolic.png")); }
check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/bullet-symbolic.symbolic.png")); }
treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/dash-symbolic.symbolic.png")); }
treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
@ -1568,10 +1568,10 @@ expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icont
expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander arrow:hover { color: white; }
expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover arrow { color: white; }
/************ Calendar * */
calendar { color: white; border: 1px solid #1b1f20; }

View File

@ -1162,15 +1162,15 @@ menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, me
check { border-radius: 3px; }
check:checked { -gtk-icon-source: -gtk-recolor(url("assets/check-symbolic.symbolic.png")); }
check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
check:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/dash-symbolic.symbolic.png")); }
check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; }
treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-recolor(url("assets/bullet-symbolic.symbolic.png")); }
treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/dash-symbolic.symbolic.png")); }
treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
@ -1588,10 +1588,10 @@ expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icont
expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander arrow:hover { color: #748489; }
expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover arrow { color: #748489; }
/************ Calendar * */
calendar { color: black; border: 1px solid #b6b6b3; }

View File

@ -2776,9 +2776,11 @@ expander {
min-height: 16px;
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:hover { color: lighten($fg_color,30%); } //only lightens the arrow
&:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
}
title:hover arrow {
color: lighten($fg_color,30%); //only lightens the arrow
}
}
/************

View File

@ -1238,10 +1238,10 @@ expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icont
expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander arrow:hover { color: white; }
expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover arrow { color: white; }
/************ Calendar * */
calendar { border: 1px solid gray; }

View File

@ -1244,10 +1244,10 @@ expander arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icont
expander arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
expander arrow:hover { color: #4d4d4d; }
expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
expander title:hover arrow { color: #4d4d4d; }
/************ Calendar * */
calendar { border: 1px solid gray; }