mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-24 11:10:37 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Option - Tabbar distribution padding, radius

Browse source
This commit is contained in:
alstjr7375 2022-03-18 10:45:42 +09:00
parent bef58329db
commit 2c0e69b276
2 changed files with 21 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/padding/_index.scss
View file

@ -1,27 +1,31 @@
/*= Root - Reduce Padding ====================================================*/ /*= Tab Bar - Distribution padding, radius ===================================*/
@include Option($tabLeptonLikePadding) { @include Option("userChrome.tab.lepton_like_padding", "userChrome.tab.photon_like_padding") {
:root {
// --tab-block-margin: New version of --proton-tab-block-margin
--proton-tab-block-margin: var(--tab-block-margin) !important; /* Original: 4px, Legacy */
}
:root[uidensity="touch"] {
/* Like Original */
--tab-block-margin: 4px !important;
}
}
@include Option("userChrome.tab.lepton_like_padding") {
:root { :root {
/* Tab Bar */
--proton-tab-block-margin: 2px !important; /* Original: 4px, Legacy */
--tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */
} }
} }
@include Option($tabPhotonLikePadding) { @include Option("userChrome.tab.photon_like_padding") {
:root { :root {
--proton-tab-block-margin: 0px !important; /* Original: 4px, Legacy */ --tab-block-margin: 0px !important;
--tab-block-margin: 0px !important; /* New version of --proton-tab-block-margin */
--tab-border-radius: 0px !important; /* Original: 4px */
} }
} }
:root[uidensity="touch"] { @include Option("userChrome.tab.photon_like_radius") {
/* Tab Bar - Like Original */ :root {
--proton-tab-block-margin: 4px !important; /* Original: 4px */ --tab-border-radius: 0px !important; /* Original: 4px */
--tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */ }
} /* Fix Tab bar button radious */
/* Fix Tab bar button radious */
@include Option($tabPhotonLikePadding) {
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon, #TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text, #TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack, #TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,

1
user.js
View file

@ -36,6 +36,7 @@ user_pref("userChrome.tab.bottom_rounded_corner", true); // Original
user_pref("userChrome.tab.lepton_like_padding", true); // Original user_pref("userChrome.tab.lepton_like_padding", true); // Original
// user_pref("userChrome.tab.photon_like_contextline", true); // Photon // user_pref("userChrome.tab.photon_like_contextline", true); // Photon
// user_pref("userChrome.tab.photon_like_padding", true); // Photon // user_pref("userChrome.tab.photon_like_padding", true); // Photon
// user_pref("userChrome.tab.photon_like_radius", true); // Photon
user_pref("userChrome.panel.proton", true); // Original, Proton user_pref("userChrome.panel.proton", true); // Original, Proton
// user_pref("userChrome.panel.photon", true); // Photon // user_pref("userChrome.panel.photon", true); // Photon