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

Clean: SASS - dynamic separator

Browse source
This commit is contained in:
alstjr7375 2022-03-18 12:19:03 +09:00
parent 3e13b980aa
commit 4c3515186b
1 changed files with 21 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/tabbar/unselected_tab/_dynamic_separator.scss
View file

@ -1,28 +1,32 @@
@mixin separaorShape() {
/* Box Model */
content: "";
display: block;
position: absolute;
/* Position */
top: 50%;
/* Bar shape */
width: 1px;
height: 20px;
/* Bar Color */
opacity: 0;
background-color: var(--toolbarseparator-color);
}
@include Option("userChrome.tab.dynamic_separtor_contain_button") {
#tabbrowser-arrowscrollbox {
position: absolute;
}
}
@include Option("userChrome.tab.dynamic_separtor_contain_button") {
.tab-background::before,
#tabs-newtab-button::before {
/* Box Model */
content: "";
display: block;
position: absolute;
@include separatorShape;
/* Position */
top: 50%;
/* More position */
transform: translateX(-2.5px) translateY(calc(-50% + 1px));
/* Bar shape */
width: 1px;
height: 20px;
/* Bar Color */
opacity: 0;
background-color: var(--toolbarseparator-color);
}
}
@ -31,23 +35,9 @@
#tabbrowser-arrowscrollbox:not([overflowing])
.tabbrowser-tab:not([visuallyselected], [multiselected], :hover)[last-visible-tab]
.tab-background::after {
/* Box Model */
content: "";
display: block;
position: absolute;
top: 50%;
/* Bar shape */
width: 1px;
height: 20px;
/* Bar Color */
opacity: 0;
background-color: var(--toolbarseparator-color);
@include separatorShape;
}
}
@include Option("userChrome.tab.dynamic_separtor_only_tab") {
.tab-background::before {
transform: translateX(-2.5px) translateY(calc(-50% + 1px)) !important;
}