[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

@ -2404,6 +2404,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
.tab-label {
margin-top: 1px;
margin-bottom: 0;
-moz-box-flex: 1;
text-align: center;
}
@ -2503,7 +2504,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
opacity: 0.9999;
}
.tab-label:not([selected="true"]) {
.tab-label-container:not([selected="true"]) {
opacity: .7;
}
@ -2529,7 +2530,7 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
border-width: 0 11px;
}
.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label:not([pinned]),
.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label-container:not([pinned]),
.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-icon-image[pinned],
.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-throbber[pinned] {
box-shadow: @focusRingShadow@;

View file

@ -192,7 +192,7 @@
}
.tab-close-button {
margin-inline-start: 4px;
margin-inline-start: 2px;
margin-inline-end: -2px;
padding: 0;
}