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

Adwaita: Style spinbutton up/down children explicitly

Browse Source 
Once again to increase the specificty above that of the
"list row button.etc." selector. Makes hovering spinbutton buttons in
lists look normal again.
This commit is contained in:
Timm Bäder 2019-08-11 10:41:34 +02:00
parent 76f2c4f0aa
commit 164ebee129
3 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1170,7 +1170,8 @@ spinbutton {
@extend %spinbutton_horz_entry; @extend %spinbutton_horz_entry;
} }
> box > button.image-button { > box > button.image-button.up,
> box > button.image-button.down {
min-height: 16px; min-height: 16px;
margin: 0; margin: 0;
padding-bottom: 0; padding-bottom: 0;

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

@ -520,25 +520,25 @@ spinbutton:not(.vertical) text, .osd spinbutton:not(.vertical) text { min-width:
spinbutton:not(.vertical) text:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) text:backdrop:disabled { background-color: transparent; }
spinbutton:not(.vertical) > box > button.image-button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) > box > button.image-button.up, spinbutton:not(.vertical) > box > button.image-button.down { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) > box > button.image-button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) > box > button.image-button.up:dir(rtl), spinbutton:not(.vertical) > box > button.image-button.down:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) > box > button.image-button:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); } spinbutton:not(.vertical) > box > button.image-button.up:hover, spinbutton:not(.vertical) > box > button.image-button.down:hover { color: #eeeeec; background-color: rgba(238, 238, 236, 0.05); }
spinbutton:not(.vertical) > box > button.image-button:disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; } spinbutton:not(.vertical) > box > button.image-button.up:disabled, spinbutton:not(.vertical) > box > button.image-button.down:disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; }
spinbutton:not(.vertical) > box > button.image-button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > box > button.image-button.up:active, spinbutton:not(.vertical) > box > button.image-button.down:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
spinbutton:not(.vertical) > box > button.image-button:backdrop { color: #878786; background-color: transparent; border-color: rgba(32, 32, 32, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) > box > button.image-button.up:backdrop, spinbutton:not(.vertical) > box > button.image-button.down:backdrop { color: #878786; background-color: transparent; border-color: rgba(32, 32, 32, 0.3); transition: 200ms ease-out; }
spinbutton:not(.vertical) > box > button.image-button:backdrop:disabled { color: rgba(91, 91, 91, 0.3); background-color: transparent; border-style: none none none solid; } spinbutton:not(.vertical) > box > button.image-button.up:backdrop:disabled, spinbutton:not(.vertical) > box > button.image-button.down:backdrop:disabled { color: rgba(91, 91, 91, 0.3); background-color: transparent; border-style: none none none solid; }
spinbutton:not(.vertical) > box > button.image-button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) > box > button.image-button.up:backdrop:disabled:dir(rtl), spinbutton:not(.vertical) > box > button.image-button.down:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) > box > button.image-button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } spinbutton:not(.vertical) > box > button.image-button.up:dir(ltr):last-child, spinbutton:not(.vertical) > box > button.image-button.down:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) > box > button.image-button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } spinbutton:not(.vertical) > box > button.image-button.up:dir(rtl):first-child, spinbutton:not(.vertical) > box > button.image-button.down:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { 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; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button { 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; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }

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

@ -528,25 +528,25 @@ spinbutton:not(.vertical) text, .osd spinbutton:not(.vertical) text { min-width:
spinbutton:not(.vertical) text:backdrop:disabled { background-color: transparent; } spinbutton:not(.vertical) text:backdrop:disabled { background-color: transparent; }
spinbutton:not(.vertical) > box > button.image-button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3); border-radius: 0; box-shadow: none; } spinbutton:not(.vertical) > box > button.image-button.up, spinbutton:not(.vertical) > box > button.image-button.down { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3); border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) > box > button.image-button:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) > box > button.image-button.up:dir(rtl), spinbutton:not(.vertical) > box > button.image-button.down:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) > box > button.image-button:hover { color: #2e3436; background-color: rgba(46, 52, 54, 0.05); } spinbutton:not(.vertical) > box > button.image-button.up:hover, spinbutton:not(.vertical) > box > button.image-button.down:hover { color: #2e3436; background-color: rgba(46, 52, 54, 0.05); }
spinbutton:not(.vertical) > box > button.image-button:disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; } spinbutton:not(.vertical) > box > button.image-button.up:disabled, spinbutton:not(.vertical) > box > button.image-button.down:disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; }
spinbutton:not(.vertical) > box > button.image-button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } spinbutton:not(.vertical) > box > button.image-button.up:active, spinbutton:not(.vertical) > box > button.image-button.down:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
spinbutton:not(.vertical) > box > button.image-button:backdrop { color: #9d9f9f; background-color: transparent; border-color: rgba(213, 208, 204, 0.3); transition: 200ms ease-out; } spinbutton:not(.vertical) > box > button.image-button.up:backdrop, spinbutton:not(.vertical) > box > button.image-button.down:backdrop { color: #9d9f9f; background-color: transparent; border-color: rgba(213, 208, 204, 0.3); transition: 200ms ease-out; }
spinbutton:not(.vertical) > box > button.image-button:backdrop:disabled { color: rgba(212, 207, 202, 0.3); background-color: transparent; border-style: none none none solid; } spinbutton:not(.vertical) > box > button.image-button.up:backdrop:disabled, spinbutton:not(.vertical) > box > button.image-button.down:backdrop:disabled { color: rgba(212, 207, 202, 0.3); background-color: transparent; border-style: none none none solid; }
spinbutton:not(.vertical) > box > button.image-button:backdrop:disabled:dir(rtl) { border-style: none solid none none; } spinbutton:not(.vertical) > box > button.image-button.up:backdrop:disabled:dir(rtl), spinbutton:not(.vertical) > box > button.image-button.down:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) > box > button.image-button:dir(ltr):last-child { border-radius: 0 5px 5px 0; } spinbutton:not(.vertical) > box > button.image-button.up:dir(ltr):last-child, spinbutton:not(.vertical) > box > button.image-button.down:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) > box > button.image-button:dir(rtl):first-child { border-radius: 5px 0 0 5px; } spinbutton:not(.vertical) > box > button.image-button.up:dir(rtl):first-child, spinbutton:not(.vertical) > box > button.image-button.down:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
.osd spinbutton:not(.vertical) button { 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; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } .osd spinbutton:not(.vertical) button { 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; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }