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
27 lines
1.2 KiB
CSS
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;
|
|
} |