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

Fix: Photon like Unselected Tab - First tab's divide line make like other tabs

Browse source
This commit is contained in:
alstjr7375 2021-06-29 12:12:55 +09:00
parent fbe07cd0bf
commit 96b9a1ac4c
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
userChrome.css
View file

@ -328,11 +328,7 @@
}
/** Unselected Tab - Divide line ********************************************/
.titlebar-spacer[type="pre-tabs"] {
border-inline-end: 1px solid var(--lwt-background-tab-separator-color, currentColor);
opacity: 0.3;
}
.tabbrowser-tab[first-visible-tab]::before,
.tabbrowser-tab::after, #tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before {
content: "";
display: block;
@ -345,13 +341,18 @@
.tabbrowser-tab::before {
margin-inline-start: -1px !important;
}
.tabbrowser-tab[first-visible-tab]::before {
border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor) !important;
}
.tabbrowser-tab[first-visible-tab]::before,
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide="true"] + #TabsToolbar .tabbrowser-tab::after, .tabbrowser-tab:hover::after, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforehovered]::after, .tabbrowser-tab[multiselected]::after, #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[before-multiselected]::after {
margin-top: var(--tabs-top-border-width) !important;
margin-bottom: 0 !important;
}
/* Selected - Hide */
.tabbrowser-tab[first-visible-tab][visuallyselected]::before,
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[beforeselected-visible]::after, #tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before, .tabbrowser-tab[visuallyselected]::after {
border-color: var(--tabs-border-color) !important;
margin-top: 0 !important;