jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tabsbar: Limit scrollbox theming to horizontal ones 

Fixes #728
This commit is contained in:
Rafael Mardojai CM 2024-01-03 08:50:46 -05:00
parent 81f84496ae
commit ddf8f59d1a
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
theme/parts/tabsbar.css
View File

@ -39,40 +39,40 @@ tab > stack {
} }
#tabbrowser-arrowscrollbox { #tabbrowser-arrowscrollbox {
position: relative !important; position: relative !important;
} }
#scrollbutton-up, #scrollbutton-up:has(~ .scrollbox-clip[orient="horizontal"]),
#scrollbutton-down { .scrollbox-clip[orient="horizontal"] ~ #scrollbutton-down {
border-top: 0 !important; border-top: 0 !important;
position: relative !important; position: absolute !important;
z-index: 5 !important; z-index: 5 !important;
top: 0; top: 0;
bottom: 0; bottom: 0;
} }
#scrollbutton-up[disabled], #scrollbutton-up:has(~ .scrollbox-clip[orient="horizontal"])[disabled],
#scrollbutton-down[disabled] { .scrollbox-clip[orient="horizontal"] ~ #scrollbutton-down[disabled] {
display: none; display: none;
} }
#scrollbutton-up > .toolbarbutton-icon, #scrollbutton-up:has(~ .scrollbox-clip[orient="horizontal"]) > .toolbarbutton-icon,
#scrollbutton-down > .toolbarbutton-icon{ .scrollbox-clip[orient="horizontal"] ~ #scrollbutton-down > .toolbarbutton-icon{
visibility: hidden; visibility: hidden;
} }
#scrollbutton-down { .scrollbox-clip[orient="horizontal"] ~ #scrollbutton-down {
right: 0; right: 0;
margin-right: -5px !important; margin-right: -5px !important;
} }
#scrollbutton-up { #scrollbutton-up:has(~ .scrollbox-clip[orient="horizontal"]) {
left: 0; left: 0;
margin-left: -5px !important; margin-left: -5px !important;
} }
#scrollbutton-up:not([disabled])::after, #scrollbutton-up:has(~ .scrollbox-clip[orient="horizontal"]):not([disabled])::after,
#scrollbutton-down:not([disabled])::after { .scrollbox-clip[orient="horizontal"] ~ #scrollbutton-down:not([disabled])::after {
content: ""; content: "";
height: 39px; height: 39px;
position: absolute; position: absolute;
@ -82,12 +82,12 @@ tab > stack {
pointer-events: none; pointer-events: none;
} }
#scrollbutton-up:not([disabled])::after { #scrollbutton-up:has(~ .scrollbox-clip[orient="horizontal"]):not([disabled])::after {
background: linear-gradient(to right, var(--gnome-tabbar-fade-background) 10px, transparent); background: linear-gradient(to right, var(--gnome-tabbar-fade-background) 10px, transparent);
left: 0; left: 0;
} }
#scrollbutton-down:not([disabled])::after { .scrollbox-clip[orient="horizontal"] ~ #scrollbutton-down:not([disabled])::after {
background: linear-gradient(to left, var(--gnome-tabbar-fade-background) 10px, transparent); background: linear-gradient(to left, var(--gnome-tabbar-fade-background) 10px, transparent);
right: 0; right: 0;
} }