[Basilisk] Fade out tab label on overflow instead of ellipsis

This is a port of Mozilla bug 658467.
See also MoonchildProductions/Pale-Moon#1908
See also https://forum.palemoon.org/viewtopic.php?f=5&t=29423
This commit is contained in:
Basilisk-Dev 2023-02-21 17:26:36 -05:00 committed by roytam1
commit 89dd425fd2
4 changed files with 40 additions and 25 deletions

View file

@ -39,12 +39,24 @@
display: -moz-box;
}
.tab-label[pinned] {
.tab-label {
white-space: nowrap;
}
.tab-label-container {
overflow: hidden;
}
.tab-label-container[pinned] {
width: 0;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.tab-label-container[textoverflow]:not([pinned]) {
mask-image: linear-gradient(to left, transparent, black 1em);
}
.tab-label-container[textoverflow]:not([pinned]):-moz-locale-dir(rtl) {
mask-image: linear-gradient(to right, transparent, black 1em);
}
.tab-stack {