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

Fix: Tab Bar - As titlebar pre space

Browse source
This commit is contained in:
alstjr7375 2022-08-21 01:03:14 +09:00
parent ccd1a8e7a7
commit e0827fdec1
2 changed files with 44 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

30
css/leptonChrome.css
View file

@ -5279,6 +5279,27 @@
width: unset !important;
}
/* Padding */
@supports not -moz-bool-pref("userChrome.centered.tab") {
#tabbrowser-arrowscrollbox {
margin-inline: 2px !important;
}
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
margin-inline: 6px !important;
}
}
@supports -moz-bool-pref("userChrome.centered.tab") {
@supports -moz-bool-pref("userChrome.centered.tab.label") {
#tabbrowser-arrowscrollbox {
margin-inline: 2px !important;
}
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
margin-inline: 6px !important;
}
}
}
@supports -moz-bool-pref("browser.tabs.tabmanager.enabled") {
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button,
:root:not([tabsintitlebar="true"])
@ -5287,15 +5308,6 @@
display: -moz-box !important;
}
}
#tabbrowser-tabs:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox {
padding-inline: 12.5px !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
> #tabbrowser-arrowscrollbox
> .tabbrowser-tab[first-visible-unpinned-tab] {
--inline-tab-padding: 0 !important;
}
}
/** Tab UI ****************************************************************/
/*= Tab - Connect to window ==============================================*/

58
src/tabbar/_as_titlebar.scss
View file

@ -1,3 +1,17 @@
//-- Mixin ---------------------------------------------------------------------
@mixin _asTitlebar_preSpacer() {
@include NotOption("userChrome.centered.tab") {
@content;
}
@include Option("userChrome.centered.tab") {
@include Option("userChrome.centered.tab.label") {
@content;
}
}
}
//------------------------------------------------------------------------------
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs, /* Show only */
#scrollbutton-up, /* Defaults */
#scrollbutton-down,
@ -33,7 +47,6 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
width: 100%;
}
/* Pinned */
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned][selected="true"] {
position: relative !important;
@ -55,44 +68,19 @@ spacer:is([part="overflow-start-indicator"], [part="overflow-end-indicator"]),
width: unset !important;
}
/* Padding */
@include _asTitlebar_preSpacer {
#tabbrowser-arrowscrollbox {
margin-inline: 2px !important;
}
:root[sizemode="normal"] #tabbrowser-arrowscrollbox {
margin-inline: 6px !important;
}
// @supports not -moz-bool-pref("browser.tabs.tabmanager.enabled") {
// #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button {
// display: none;
// }
// #tabbrowser-tabs:not([overflow="true"])[using-closing-tabs-spacer] ~ #alltabs-button {
// // temporary space to keep a tab's close button under the cursor
// display: -moz-box;
// visibility: hidden;
// }
// }
//
// #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) ~ #new-tab-button,
// #tabbrowser-tabs[overflow="true"] > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
// #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button,
// #TabsToolbar[customizing="true"] #tabs-newtab-button {
// display: none;
// }
//
// #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox::part(scrollbox) {
// // Add padding to match the shadow's blur radius so the
// // shadow doesn't get clipped when either the first or
// // last tab is selected
// padding-inline: var(--tab-shadow-max-size); // 6px
// }
//
// #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
// margin-inline-start: 12px !important;
// }
@include Option("browser.tabs.tabmanager.enabled") {
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs:not([overflow="true"], [hashiddentabs]) ~ #alltabs-button,
:root:not([tabsintitlebar="true"]) #tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow="true"]) ~ #new-tab-button {
display: -moz-box !important;
}
}
#tabbrowser-tabs:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox {
padding-inline: 12.5px !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
--inline-tab-padding: 0 !important;
}