Clean: Photon like Unselected Tab - Divide line

This commit is contained in:
alstjr7375 2021-06-29 12:17:17 +09:00
parent 96b9a1ac4c
commit 795f2912cc

View file

@ -329,12 +329,15 @@
/** Unselected Tab - Divide line ********************************************/
.tabbrowser-tab[first-visible-tab]::before,
.tabbrowser-tab::after, #tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before {
.tabbrowser-tab::after,
#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[visuallyselected]::before {
content: "";
display: block;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
border-left: 1px solid var(--lwt-background-tab-separator-color, currentColor) !important;
.tabbrowser-tab::before,
.tabbrowser-tab::after {
--tab-divide-line: 1px solid var(--lwt-background-tab-separator-color, currentColor);
border-left: var(--tab-divide-line) !important;
margin-block: 5px 4px !important;
opacity: 0.3 !important;
}
@ -342,18 +345,24 @@
margin-inline-start: -1px !important;
}
.tabbrowser-tab[first-visible-tab]::before {
border-right: 1px solid var(--lwt-background-tab-separator-color, currentColor) !important;
border-right: var(--tab-divide-line) !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 {
: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 {
#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;
margin-bottom: var(--tabs-navbar-shadow-size) !important;