Adwaita: set scrollbar style props in a general wildcard

trying to make webkit happy.
This commit is contained in:
Lapo Calamandrei 2015-12-21 16:58:03 +01:00
parent 7c6ca26bfb
commit 8a0a11dae4
3 changed files with 143 additions and 141 deletions

View File

@ -1834,15 +1834,17 @@ notebook {
**************/ **************/
scrollbar { scrollbar {
-GtkRange-slider-width: 13; @at-root * {
-GtkRange-trough-border: 0; -GtkRange-slider-width: 13;
-GtkScrollbar-has-backward-stepper: false; -GtkRange-trough-border: 0;
-GtkScrollbar-has-forward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
-GtkScrollbar-min-slider-length: 42; // minimum size for the slider. -GtkScrollbar-has-forward-stepper: false;
// sadly can't be in '.slider' -GtkScrollbar-min-slider-length: 42; // minimum size for the slider.
// where it belongs // sadly can't be in '.slider'
-GtkRange-stepper-spacing: 0; // where it belongs
-GtkRange-trough-under-steppers: 1; -GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1;
}
$_slider_margin: 3px; $_slider_margin: 3px;
$_slider_fine_tune_margin: 4px; $_slider_fine_tune_margin: 4px;

View File

@ -2458,7 +2458,7 @@ notebook {
/************** /**************
* Scrollbars * * Scrollbars *
**************/ **************/
scrollbar { * {
-GtkRange-slider-width: 13; -GtkRange-slider-width: 13;
-GtkRange-trough-border: 0; -GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
@ -2466,71 +2466,71 @@ scrollbar {
-GtkScrollbar-min-slider-length: 42; -GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0; -GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; } -GtkRange-trough-under-steppers: 1; }
scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton, scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
scrollbar .titlebar button.titlebutton, scrollbar .titlebar button.titlebutton,
.titlebar scrollbar button.titlebutton { .titlebar scrollbar button.titlebutton {
border: none; } border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; opacity: 0.4;
-GtkRange-slider-width: 5px; } -GtkRange-slider-width: 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #eeeeec; background-color: #eeeeec;
border: 1px solid black; border: 1px solid black;
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
opacity: 0.7; } opacity: 0.7; }
scrollbar trough { scrollbar trough {
background-color: #282c2c; background-color: #282c2c;
border: 1px none #1c1f1f; } border: 1px none #1c1f1f; }
scrollbar trough:backdrop { scrollbar trough:backdrop {
background-color: #323737; background-color: #323737;
border-color: #1f2222; } border-color: #1f2222; }
scrollbar slider { scrollbar slider {
background-color: #a6a8a7; } background-color: #a6a8a7; }
scrollbar slider:hover { scrollbar slider:hover {
background-color: #cacbc9; } background-color: #cacbc9; }
scrollbar slider:prelight:active { scrollbar slider:prelight:active {
background-color: #2a76c6; } background-color: #2a76c6; }
scrollbar slider:backdrop { scrollbar slider:backdrop {
background-color: #5d6262; } background-color: #5d6262; }
scrollbar slider:insensitive { scrollbar slider:insensitive {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.fine-tune slider { scrollbar.fine-tune slider {
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider {
margin-left: 4px; } margin-left: 4px; }
scrollbar.vertical slider:dir(rtl) { scrollbar.vertical slider:dir(rtl) {
margin-left: 3px; margin-left: 3px;
margin-right: 4px; } margin-right: 4px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider {
margin-left: 5px; } margin-left: 5px; }
scrollbar.vertical.fine-tune slider:dir(rtl) { scrollbar.vertical.fine-tune slider:dir(rtl) {
margin-left: 4px; margin-left: 4px;
margin-right: 5px; } margin-right: 5px; }
scrollbar.vertical trough { scrollbar.vertical trough {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl) {
border-left-style: none; border-left-style: none;
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal slider { scrollbar.horizontal slider {
margin-top: 4px; } margin-top: 4px; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider {
margin-top: 5px; } margin-top: 5px; }
scrollbar.horizontal trough { scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
/********** /**********
* Switch * * Switch *

View File

@ -2464,7 +2464,7 @@ notebook {
/************** /**************
* Scrollbars * * Scrollbars *
**************/ **************/
scrollbar { * {
-GtkRange-slider-width: 13; -GtkRange-slider-width: 13;
-GtkRange-trough-border: 0; -GtkRange-trough-border: 0;
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
@ -2472,71 +2472,71 @@ scrollbar {
-GtkScrollbar-min-slider-length: 42; -GtkScrollbar-min-slider-length: 42;
-GtkRange-stepper-spacing: 0; -GtkRange-stepper-spacing: 0;
-GtkRange-trough-under-steppers: 1; } -GtkRange-trough-under-steppers: 1; }
scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton, scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton,
scrollbar .titlebar button.titlebutton, scrollbar .titlebar button.titlebutton,
.titlebar scrollbar button.titlebutton { .titlebar scrollbar button.titlebutton {
border: none; } border: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
opacity: 0.4; opacity: 0.4;
-GtkRange-slider-width: 5px; } -GtkRange-slider-width: 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
margin: 0; margin: 0;
background-color: #2e3436; background-color: #2e3436;
border: 1px solid white; border: 1px solid white;
background-clip: padding-box; } background-clip: padding-box; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough {
border-style: none; border-style: none;
background-color: transparent; } background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; } margin-bottom: 2px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
margin-left: 2px; margin-left: 2px;
margin-right: 2px; } margin-right: 2px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
opacity: 0.7; } opacity: 0.7; }
scrollbar trough { scrollbar trough {
background-color: #d7d7d5; background-color: #d7d7d5;
border: 1px none #9d9d99; } border: 1px none #9d9d99; }
scrollbar trough:backdrop { scrollbar trough:backdrop {
background-color: #e1e1df; background-color: #e1e1df;
border-color: #a5a5a1; } border-color: #a5a5a1; }
scrollbar slider { scrollbar slider {
background-color: #787c7d; } background-color: #787c7d; }
scrollbar slider:hover { scrollbar slider:hover {
background-color: #535859; } background-color: #535859; }
scrollbar slider:prelight:active { scrollbar slider:prelight:active {
background-color: #2a76c6; } background-color: #2a76c6; }
scrollbar slider:backdrop { scrollbar slider:backdrop {
background-color: #c3c4c4; } background-color: #c3c4c4; }
scrollbar slider:insensitive { scrollbar slider:insensitive {
background-color: transparent; } background-color: transparent; }
scrollbar slider { scrollbar slider {
border-radius: 100px; border-radius: 100px;
margin: 3px; } margin: 3px; }
scrollbar.fine-tune slider { scrollbar.fine-tune slider {
margin: 4px; } margin: 4px; }
scrollbar.vertical slider { scrollbar.vertical slider {
margin-left: 4px; } margin-left: 4px; }
scrollbar.vertical slider:dir(rtl) { scrollbar.vertical slider:dir(rtl) {
margin-left: 3px; margin-left: 3px;
margin-right: 4px; } margin-right: 4px; }
scrollbar.vertical.fine-tune slider { scrollbar.vertical.fine-tune slider {
margin-left: 5px; } margin-left: 5px; }
scrollbar.vertical.fine-tune slider:dir(rtl) { scrollbar.vertical.fine-tune slider:dir(rtl) {
margin-left: 4px; margin-left: 4px;
margin-right: 5px; } margin-right: 5px; }
scrollbar.vertical trough { scrollbar.vertical trough {
border-left-style: solid; } border-left-style: solid; }
scrollbar.vertical trough:dir(rtl) { scrollbar.vertical trough:dir(rtl) {
border-left-style: none; border-left-style: none;
border-right-style: solid; } border-right-style: solid; }
scrollbar.horizontal slider { scrollbar.horizontal slider {
margin-top: 4px; } margin-top: 4px; }
scrollbar.horizontal.fine-tune slider { scrollbar.horizontal.fine-tune slider {
margin-top: 5px; } margin-top: 5px; }
scrollbar.horizontal trough { scrollbar.horizontal trough {
border-top-style: solid; } border-top-style: solid; }
/********** /**********
* Switch * * Switch *