mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-02-03 22:10:30 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Divide Line - First visible tab's separator at photon-style

Browse source
This commit is contained in:
alstjr7375 2022-02-24 10:28:57 +09:00
parent 5904d98f33
commit 0491b3a703
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
userChrome.css
View file

@ -3376,15 +3376,19 @@ menupopup > menu {
}
/** Unselected Tab - Divide line **********************************************/
.tabbrowser-tab[first-visible-tab="true"] .tab-background::before,
.tab-background::after {
content: "";
}
.tab-background::before,
.tab-background::after {
/* Box Model */
content: "";
display: block;
position: absolute;
/* Position */
top: 50%;
right: 0;
transform: translateY(calc(-50% + 1px)) !important;
/* Bar shape */
@ -3395,7 +3399,11 @@ menupopup > menu {
opacity: 0.3;
background-color: var(--lwt-background-tab-separator-color, currentColor) !important;
}
.tab-background::after {
right: 0;
}
.tabbrowser-tab[visuallyselected] .tab-background::before,
.tabbrowser-tab[visuallyselected] .tab-background::after,
.tabbrowser-tab[beforeselected-visible] .tab-background::after {
opacity: 0;
@ -3403,6 +3411,7 @@ menupopup > menu {
/* Animate */
@media (prefers-reduced-motion: no-preference) {
.tab-background::before,
.tab-background::after {
transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */
}