mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-21 03:51:27 -08:00
84 lines
3 KiB
SCSS
84 lines
3 KiB
SCSS
@include NotOption("userChrome.tab.photon") {
|
|
.tab-context-line {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.tab-content:not([titlechanged])::before {
|
|
/* Box Model */
|
|
content: "";
|
|
display: block;
|
|
position: absolute !important;
|
|
transform: translate(9px, 12px) !important;
|
|
|
|
/* Shape */
|
|
border-bottom: 2px solid var(--identity-icon-color);
|
|
width: 25%;
|
|
opacity: 0.75;
|
|
}
|
|
.tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
|
|
width: calc(100% - 30px);
|
|
opacity: 1;
|
|
}
|
|
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab[visuallyselected]:not([pinned]) .tab-content::before {
|
|
width: calc(100% - 33px);
|
|
}
|
|
|
|
/* Animate */
|
|
@include Animate {
|
|
.tab-content:not([titlechanged])::before {
|
|
transition: 0.15s var(--animation-easing-function) !important;
|
|
transition-property: width, opacity;
|
|
}
|
|
}
|
|
|
|
/* Pinned Tab */
|
|
.tabbrowser-tab[pinned] .tab-content::before {
|
|
transform: translateY(12px) !important;
|
|
width: 16px;
|
|
}
|
|
|
|
/* Pinned Tab - Titlechanged Indicator override */
|
|
.tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]),
|
|
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
/* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
|
|
--dotted-identity-image: radial-gradient(
|
|
circle,
|
|
var(--identity-icon-color),
|
|
var(--identity-icon-color) 2px,
|
|
transparent 2px
|
|
);
|
|
background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important;
|
|
background-position-x: 32%, 50%, 70% !important;
|
|
}
|
|
:root[uidensity="compact"]
|
|
.tabbrowser-tab:is([image], [pinned])[usercontextid]
|
|
> .tab-stack
|
|
> .tab-content[attention]:not([selected="true"]),
|
|
:root[uidensity="compact"]
|
|
.tabbrowser-tab[usercontextid]
|
|
> .tab-stack
|
|
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
/* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
|
|
background-position-x: 30%, 50%, 70% !important;
|
|
}
|
|
|
|
/* Pinned Tab - Titlechanged & soundplaying */
|
|
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
|
> .tab-stack
|
|
> .tab-content[attention]:not([selected="true"]),
|
|
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
|
> .tab-stack
|
|
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
background-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
|
|
}
|
|
:root[uidensity="compact"]
|
|
.tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
|
> .tab-stack
|
|
> .tab-content[attention]:not([selected="true"]),
|
|
:root[uidensity="compact"]
|
|
.tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])
|
|
> .tab-stack
|
|
> .tab-content[pinned][titlechanged]:not([selected="true"]) {
|
|
background-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
|
|
}
|