mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-06 15:58:39 +09:00
[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:
parent
3c54aa7ebf
commit
89dd425fd2
4 changed files with 40 additions and 25 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue