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

Fix: Unselected Tab - Last visible tab seperator

Browse source
This commit is contained in:
alstjr7375 2021-05-20 10:57:46 +09:00
parent 97816fd707
commit 36eeec87bf
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
userChrome.css
View file

@ -138,13 +138,13 @@
}
/** Unselected Tab - Divide line ********************************************/
#tabbrowser-arrowscrollbox:not([overflowing]) tab.tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
tab.tabbrowser-tab:not(:hover):not([visuallyselected]):not([multiselected]):not(:first-child) .tab-background::before {
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-background::before,
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab] .tab-background::after {
/* Box Model */
content: "";
display: block;
position: absolute;
left: -2px;
top: 50%;
/* Bar shape */
@ -154,13 +154,20 @@
/* Bar Color */
opacity: var(--tab-separator-opacity);
transform: translateX(-0.5px) translateY(calc(-50% + 1px));
transition: opacity .2s var(--ease-basic) !important;
background-color: var(--toolbarseparator-color) !important;
}
tab.tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + tab.tabbrowser-tab .tab-background::before,
tab.tabbrowser-tab[first-visible-unpinned-tab]:is([visuallyselected], [multiselected], :hover) .tab-background::before,
.tab-background::before {
transform: translateX(-2.5px) translateY(calc(-50% + 1px));
}
.tabbrowser-tab[last-visible-tab] .tab-background::after {
right: 0;
transform: translateX(2.5px) translateY(calc(-50% + 1px));
}
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + tab.tabbrowser-tab .tab-background::before,
.tabbrowser-tab[first-visible-unpinned-tab]:is([visuallyselected], [multiselected], :hover) .tab-background::before,
#tabbrowser-arrowscrollbox[overflowing] tab.tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before {
opacity: 0 !important;
}