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

Fix: Tabbar Height - --tab-min-height set at :root

Browse source
This commit is contained in:
alstjr7375 2022-08-03 15:10:37 +09:00
parent eecc5b03f0
commit 22e9301331
4 changed files with 45 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

47
css/leptonChrome.css
View file

@ -3359,29 +3359,25 @@
@supports -moz-bool-pref("userChrome.padding.tabbar_height") {
/* Toolbar Height */
@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 36px;
:root:not([uidensity]) {
--tab-min-height: 36px !important;
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 32px;
:root[uidensity="compact"] {
--tab-min-height: 32px !important;
}
:root[uidensity="touch"] #TabsToolbar {
--tab-min-height: 41px;
:root[uidensity="touch"] {
--tab-min-height: 41px !important;
}
}
@supports -moz-bool-pref("userChrome.tab.photon_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 32px;
:root:not([uidensity]) {
--tab-min-height: 32px !important;
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 29px;
:root[uidensity="compact"] {
--tab-min-height: 29px !important;
}
:root[uidensity="touch"] #TabsToolbar {
--tab-min-height: 41px;
:root[uidensity="touch"] {
--tab-min-height: 41px !important;
}
/* Top Margin */
@ -3392,13 +3388,12 @@
}
@supports not -moz-bool-pref("userChrome.tab.lepton_like_padding") {
@supports not -moz-bool-pref("userChrome.tab.photon_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 36px;
:root:not([uidensity]) {
--tab-min-height: 36px !important;
/* 38px -> 36px */
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 29px;
:root[uidensity="compact"] {
--tab-min-height: 29px !important;
/* 36px -> 29px */
}
}
@ -4150,10 +4145,6 @@
background-image: unset !important;
}
#nav-bar > * {
transform: translateY(calc((var(--uc-tabbar-height) + var(--uc-navbar-hide-height)) / 2));
}
#urlbar-container {
min-width: calc(24px + 2 * var(--toolbarbutton-inner-padding)) !important;
}
@ -4213,10 +4204,6 @@
background-image: unset !important;
}
#nav-bar > * {
transform: translateY(calc((var(--uc-tabbar-height) + var(--uc-navbar-hide-height)) / 2));
}
#urlbar-container {
min-width: calc(24px + 2 * var(--toolbarbutton-inner-padding)) !important;
}
@ -6309,7 +6296,7 @@
)
or -moz-bool-pref("userChrome.tab.one_liner") {
:root {
--uc-tabbar-height: calc((var(--tab-block-margin) * 2) + var(--tab-min-height));
--uc-tabbar-height: var(--tab-min-height);
--uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height));
--uc-navbar-height: calc(16px + 2 * (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)));
--uc-navbar-hide-height: calc(-1 * var(--uc-navbar-height));

2
src/autohide/_common.scss
View file

@ -1,6 +1,6 @@
@include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar", "userChrome.autohide.bookmarkbar", "userChrome.tab.one_liner") {
:root {
--uc-tabbar-height: calc((var(--tab-block-margin) * 2) + var(--tab-min-height));
--uc-tabbar-height: var(--tab-min-height); // calc((var(--tab-block-margin) * 2) + var(--tab-min-height));
--uc-tabbar-hide-height: calc(-1 * var(--uc-tabbar-height));
--uc-navbar-height: calc(16px + 2 * (var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding)));
--uc-navbar-hide-height: calc(-1 * var(--uc-navbar-height));

48
src/padding/_tabbar_height.scss
View file

@ -1,24 +1,28 @@
/* Toolbar Height */
@include Option("userChrome.tab.lepton_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 36px;
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 32px;
}
:root[uidensity="touch"] #TabsToolbar {
--tab-min-height: 41px;
:root {
&:not([uidensity]) {
--tab-min-height: 36px !important;
}
&[uidensity="compact"] {
--tab-min-height: 32px !important;
}
&[uidensity="touch"] {
--tab-min-height: 41px !important;
}
}
}
@include Option("userChrome.tab.photon_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 32px;
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 29px;
}
:root[uidensity="touch"] #TabsToolbar {
--tab-min-height: 41px;
:root {
&:not([uidensity]) {
--tab-min-height: 32px !important;
}
&[uidensity="compact"] {
--tab-min-height: 29px !important;
}
&[uidensity="touch"] {
--tab-min-height: 41px !important;
}
}
/* Top Margin */
@ -29,11 +33,13 @@
}
@include NotOption("userChrome.tab.lepton_like_padding") {
@include NotOption("userChrome.tab.photon_like_padding") {
:root:not([uidensity]) #TabsToolbar {
--tab-min-height: 36px; /* 38px -> 36px */
}
:root[uidensity="compact"] #TabsToolbar {
--tab-min-height: 29px; /* 36px -> 29px */
:root {
&:not([uidensity]) {
--tab-min-height: 36px !important; /* 38px -> 36px */
}
&[uidensity="compact"] {
--tab-min-height: 29px !important; /* 36px -> 29px */
}
}
}
}

3
src/tabbar/_one_liner.scss
View file

@ -15,9 +15,6 @@
background-color: unset !important; // var(--toolbar-bgcolor)
background-image: unset !important; // var(--toolbar-bgimage)
}
#nav-bar > * {
transform: translateY(calc((var(--uc-tabbar-height) + var(--uc-navbar-hide-height)) / 2));
}
#urlbar-container {
min-width: calc(24px + 2 * var(--toolbarbutton-inner-padding)) !important; // Original: calc(350px + 24px + 2 * var(--toolbarbutton-inner-padding))