fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-09-19 18:47:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

tab-separator-lines: switch to using border-inline-start for border

Browse source 
Previously we used border-inline-end but that won't work in Firefox 110
because tabs aren't given certain attributes anymore.
This commit is contained in:
MrOtherGuy 2023-01-10 09:41:48 +02:00
parent b88c1f5bf1
commit 76867a5f57
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
chrome/tab_separator_lines.css
View file

@ -4,7 +4,7 @@ See the above repository for updates as well as full license text. */
/* Bring back tab separator lines that were removed in Proton */ /* Bring back tab separator lines that were removed in Proton */
.tabbrowser-tab{ .tabbrowser-tab{
border-inline-end: 1px solid transparent !important; border-inline-start: 1px solid transparent !important;
border-image: 0 1 linear-gradient( border-image: 0 1 linear-gradient(
transparent 20%, transparent 20%,
color-mix(in srgb, currentColor 20%, transparent) 20%, color-mix(in srgb, currentColor 20%, transparent) 20%,
@ -14,8 +14,10 @@ See the above repository for updates as well as full license text. */
} }
.tabbrowser-tab:hover, .tabbrowser-tab:hover,
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[beforehovered], #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
.tabbrowser-tab:first-child,
.tabbrowser-tab[selected], .tabbrowser-tab[selected],
.tabbrowser-tab[multiselected], .tabbrowser-tab[multiselected],
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[before-multiselected], #tabbrowser-arrowscrollbox[overflowing] > .tabbrowser-tab[first-visible-unpinned-tab],
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[beforeselected-visible] { border-image: none !important; } #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[multiselected] + .tabbrowser-tab,
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected] + .tabbrowser-tab { border-image: none !important; }