mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
fix active scrollbar slider in Firefox (#398)
This commit is contained in:
parent
14b1c5a527
commit
4680db991d
@ -1534,7 +1534,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
border-top-width: 4px; }
|
||||
.scrollbar.slider:hover {
|
||||
background-color: #5f6470; }
|
||||
.scrollbar.slider:prelight:active {
|
||||
.scrollbar.slider:prelight:active, .scrollbar.slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar.slider.fine-tune {
|
||||
border-width: 4px; }
|
||||
|
@ -1537,7 +1537,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
border-top-width: 4px; }
|
||||
.scrollbar.slider:hover {
|
||||
background-color: #cfd1d4; }
|
||||
.scrollbar.slider:prelight:active {
|
||||
.scrollbar.slider:prelight:active, .scrollbar.slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar.slider.fine-tune {
|
||||
border-width: 4px; }
|
||||
|
@ -1534,7 +1534,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
border-top-width: 4px; }
|
||||
.scrollbar.slider:hover {
|
||||
background-color: #5f6470; }
|
||||
.scrollbar.slider:prelight:active {
|
||||
.scrollbar.slider:prelight:active, .scrollbar.slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar.slider.fine-tune {
|
||||
border-width: 4px; }
|
||||
|
@ -1537,7 +1537,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
border-top-width: 4px; }
|
||||
.scrollbar.slider:hover {
|
||||
background-color: #cfd1d4; }
|
||||
.scrollbar.slider:prelight:active {
|
||||
.scrollbar.slider:prelight:active, .scrollbar.slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar.slider.fine-tune {
|
||||
border-width: 4px; }
|
||||
|
@ -1537,7 +1537,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
border-top-width: 4px; }
|
||||
.scrollbar.slider:hover {
|
||||
background-color: #cfd1d4; }
|
||||
.scrollbar.slider:prelight:active {
|
||||
.scrollbar.slider:prelight:active, .scrollbar.slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar.slider.fine-tune {
|
||||
border-width: 4px; }
|
||||
|
@ -1537,7 +1537,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
border-top-width: 4px; }
|
||||
.scrollbar.slider:hover {
|
||||
background-color: #cfd1d4; }
|
||||
.scrollbar.slider:prelight:active {
|
||||
.scrollbar.slider:prelight:active, .scrollbar.slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar.slider.fine-tune {
|
||||
border-width: 4px; }
|
||||
|
@ -1834,7 +1834,8 @@ $_scrollbar_bg_color: darken($base_color, 1%);
|
||||
&:hover {
|
||||
background-color: mix($fg_color, $bg_color, 25%);
|
||||
}
|
||||
&:prelight:active {
|
||||
&:prelight:active,
|
||||
&:active {
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
&.fine-tune {
|
||||
|
@ -1552,7 +1552,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #767b87; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #676b78; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1555,7 +1555,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1552,7 +1552,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #767b87; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #676b78; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1555,7 +1555,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1555,7 +1555,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1555,7 +1555,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1872,7 +1872,8 @@ $_scrollbar_bg_color: darken($base_color, 1%);
|
||||
|
||||
&:hover { background-color: mix($fg_color, $bg_color, 30%); }
|
||||
|
||||
&:prelight:active { background-color: $selected_bg_color;}
|
||||
&:prelight:active,
|
||||
&:active { background-color: $selected_bg_color;}
|
||||
|
||||
&:insensitive {
|
||||
background-color: transparent;
|
||||
|
@ -1610,7 +1610,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #767b87; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #676b78; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1613,7 +1613,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1610,7 +1610,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #767b87; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #676b78; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1613,7 +1613,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1617,7 +1617,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1617,7 +1617,7 @@ column-header .button, column-header .button:hover, column-header .button:active
|
||||
background-color: #b8babf; }
|
||||
.scrollbar .slider:hover {
|
||||
background-color: #c7c9cd; }
|
||||
.scrollbar .slider:prelight:active {
|
||||
.scrollbar .slider:prelight:active, .scrollbar .slider:active {
|
||||
background-color: #5294E2; }
|
||||
.scrollbar .slider:insensitive {
|
||||
background-color: transparent; }
|
||||
|
@ -1810,7 +1810,8 @@ $_scrollbar_bg_color: darken($base_color, 1%);
|
||||
|
||||
&:hover { background-color: mix($fg_color, $bg_color, 30%); }
|
||||
|
||||
&:prelight:active { background-color: $selected_bg_color;}
|
||||
&:prelight:active,
|
||||
&:active { background-color: $selected_bg_color;}
|
||||
|
||||
&:insensitive {
|
||||
background-color: transparent;
|
||||
|
Loading…
Reference in New Issue
Block a user