mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-01 06:50:33 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix: Unselected Tab - Divide line with new tab

Browse source
This commit is contained in:
alstjr7375 2021-06-29 10:40:48 +09:00
parent f12b850c50
commit f4bd36e076
1 changed files with 13 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

27
userChrome.css
View file

@ -291,14 +291,20 @@
}
/** Unselected Tab - Divide line ********************************************/
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before,
#tabbrowser-arrowscrollbox {
position: absolute;
}
.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 {
#tabs-newtab-button:not(:hover)::before {
/* Box Model */
content: "";
display: block;
display: block;
position: absolute;
top: 50%;
/* Position */
top: 50%;
transform: translateX(-2.5px) translateY(calc(-50% + 1px));
/* Bar shape */
width: 1px;
@ -307,19 +313,12 @@
/* Bar Color */
opacity: var(--tab-separator-opacity);
transition: opacity .2s var(--ease-basic) !important;
background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Replace var(--toolbarseparator-color) - Hard coded for compatibility */
}
.tab-background::before {
transform: translateX(-2.5px) translateY(calc(-50% + 1px)) !important;
}
.tabbrowser-tab[last-visible-tab] .tab-background::after {
right: 0;
transform: translateX(.5px) translateY(calc(-50% + 1px)) !important;
transition: opacity .2s var(--ease-basic);
background-color: color-mix(in srgb, currentColor 20%, transparent); /* Replace var(--toolbarseparator-color) - Hard coded for compatibility */
}
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab:not([visuallyselected]) .tab-background::before,
.tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + #tabs-newtab-button::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;