mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: @muckSponge MaterialFox's Unselected Tab - Divide line

Browse source
This commit is contained in:
alstjr7375 2021-04-27 14:24:07 +09:00
parent eb801215e8
commit 42ad4cc684
1 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

31
userChrome.css
View file

@ -33,6 +33,37 @@
box-shadow: 0 0 1px var(--toolbar-color) !important; box-shadow: 0 0 1px var(--toolbar-color) !important;
} }
/* Unselected Tab - Divide line */
.tab-content::before,
.tab-content::after {
content: "" !important;
display: block !important;
position: absolute !important;
background-color: var(--lwt-selected-tab-background-color) !important;
width: 1px !important;
height: 20px !important;
transform: translateY(-10px) !important;
opacity: 0 !important;
transition: opacity .2s var(--ease-basic) !important;
}
.tab-content::before {
left: 0 !important;
}
.tab-content::after {
right: 0 !important;
}
.tabbrowser-tab[visuallyselected][style*=transform] + .tabbrowser-tab[style*=transform] .tab-content::after,
.tabbrowser-tab[style*=transform]:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab[style*=transform] + .tabbrowser-tab:not([visuallyselected]) .tab-content::before,
.tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) + .tabbrowser-tab:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::before,
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not(:hover):not([multiselected]) .tab-content::after
{
opacity: var(--tab-separator-opacity) !important;
}
/* Sound Tab - Show with Favicons */ /* Sound Tab - Show with Favicons */
/* Makes the favicons always visible (also on hover) */ /* Makes the favicons always visible (also on hover) */
#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) { #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #toolbar-menubar:not(:hover) + #TabsToolbar:not(:hover) #tabbrowser-tabs:not([secondarytext-unsupported]) .tab-icon-image[src] ~ .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :is(#toolbar-menubar:hover + #TabsToolbar, #TabsToolbar:hover) .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {