mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-31 22:40:55 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean: Change opation variables to literal (lepton & photon like padding)

Browse source
This commit is contained in:
alstjr7375 2022-03-18 11:49:13 +09:00
parent 8de691b791
commit 5de721273d
3 changed files with 10 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/padding/_tabbar_height.scss
View file

@ -1,5 +1,5 @@
/* Toolbar Height */
@include Option($tabLeptonLikePadding) {
@include Option("userChrome.tab.lepton_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 36px;
}
@ -10,7 +10,7 @@
--tab-min-height: 41px;
}
}
@include Option($tabPhotonLikePadding) {
@include Option("userChrome.tab.photon_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 32px;
}
@ -27,7 +27,7 @@
margin-top: 0 !important;
}
}
@include NotOption($tabPhotonLikePadding) {
@include NotOption("userChrome.tab.photon_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 36px !important; /* 38px -> 36px */
}
@ -35,7 +35,7 @@
--tab-min-height: 29px !important; /* 36px -> 29px */
}
}
@include NotOption($tabProtonLikePadding) {
@include Option("userChrome.tab.connect_to_window") {
#TabsToolbar {
--toolbarbutton-inner-padding: calc((var(--tab-min-height) - 18px) / 2) !important; /* Prevent overflow pinned tab bottom margin */
}

12
src/padding/_tabbar_width.scss
View file

@ -21,14 +21,14 @@
padding-right: var(--newtab-button-width-padding) !important;
}
@include NotOption($tabPhotonLikePadding) {
@include NotOption("userChrome.tab.photon_like_padding") {
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 1px !important;
}
}
@include Option($tabPhotonLikePadding) {
@include Option("userChrome.tab.photon_like_padding") {
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab[first-visible-unpinned-tab] {
@ -55,12 +55,12 @@
}
/* Tab - Max Size */
@include NotOption($tabPhotonLikePadding) {
@include NotOption("userChrome.tab.photon_like_padding") {
:root {
--tab-max-width: 240px;
}
}
@include Option($tabPhotonLikePadding) {
@include Option("userChrome.tab.photon_like_padding") {
:root {
--tab-max-width: 225px;
}
@ -70,7 +70,7 @@
}
/* neighbouring tabs should "pinch" together */
@include NotOption($tabPhotonLikePadding) {
@include NotOption("userChrome.tab.photon_like_padding") {
.tabbrowser-tab {
padding-inline: 1px !important;
}
@ -78,7 +78,7 @@
margin-inline-end: -0.5px !important;
}
}
@include Option($tabPhotonLikePadding) {
@include Option("userChrome.tab.photon_like_padding") {
.tabbrowser-tab {
padding-inline: 0 !important;
}

3
src/utils/_option.scss
View file

@ -4,10 +4,7 @@ $tabProton: "userChrome.tab.proton";
$tabConnectToWindow: "userChrome.tab.connect_to_window";
$tabBoxShadow: "userChrome.tab.box_shadow";
$tabBottomRoundedCorner: "userChrome.tab.bottom_rounded_corner";
$tabLeptonLikePadding: "userChrome.tab.lepton_like_padding";
$tabPhotonLikeContextLine: "userChrome.tab.photon_like_contextline";
$tabPhotonLikePadding: "userChrome.tab.photon_like_padding";
$tabProtonLikePadding: "userChrome.tab.proton_like_padding";
$tabMultiSelected: "userChrome.tab.multi_selected";