Files
firefox-csshacks/chrome/tab_separator_lines.css
MrOtherGuy 9987cdb464 tab separator lines: draw line as .tabbrowser-tab background-image
This makes the line not reserve any space which is great for tab-groups
support. This patch also adds some new selectors for other tab-group
related things.

Fixes #494
2024-12-22 10:42:11 +02:00

27 lines
1.2 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_separator_lines.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Bring back tab separator lines that were removed in Proton */
.tabbrowser-tab{
background-image: linear-gradient(
transparent 20%,
color-mix(in srgb, currentColor 20%, transparent) 20%,
color-mix(in srgb, currentColor 20%, transparent) 80%,
transparent 80%
);
background-size: 1px 100%;
background-repeat: no-repeat;
}
.tab-group-label-container{
padding-inline-start: 2px;
}
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:hover + .tabbrowser-tab:not([first-visible-unpinned-tab]),
.tabbrowser-tab:is(:hover,:first-child,[selected],[multiselected]),
.tabbrowser-tab:is([selected],[multiselected]) + .tabbrowser-tab[hidden] + .tabbrowser-tab,
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:is([multiselected],[selected]) + .tabbrowser-tab,
tab-group[collapsed] + .tabbrowser-tab,
tab-group > .tabbrowser-tab:first-of-type,
tab-group:has(> .tabbrowser-tab:last-child:is(:hover,[selected],[multiselected])) + .tabbrowser-tab{
background-image: none;
}