Hi,
I use sript "hide tabs bar with only one tab" but empty tabs bar is still visible.
Can someone help me?
Script:
/:root[sizemode="normal"] #nav-bar{ --uc-window-drag… (funda kabanzi)
Hi,
I use sript "hide tabs bar with only one tab" but empty tabs bar is still visible.
Can someone help me?
Script:
/:root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
- titlebar{ -moz-appearance: none !important; }
- tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; }
- root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
- root:not([customizing]) #tabs-newtab-button,
- root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1,
- root:not([customizing]) #TabsToolbar .titlebar-button{
-moz-appearance: none !important;
height: 43px;
padding-top: 0px !important;
padding-bottom: 0px !important;
-moz-box-align: stretch;
margin: 0 !important;
}
- root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1 > .toolbarbutton-icon{
padding-block: 0px !important;
max-height: 28px;
height: 20px !important
}
- tabs-newtab-button, #alltabs-button, #tabbrowser-tabs .tabbrowser-tab:only-of-type{
visibility: collapse !important;
}
/* TABS: bottom - Firefox 65 and later - updated for 89+ */
/* https://searchfox.org/mozilla-release/source/browser/themes/shared/tabs.inc.css */
/* https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx89.css */
/* https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox */
/* ROOT - VARS */
/* you can adjust the CSS variables until it looks correct */
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 25px !important;
--tab-min-width: 60px !important;
--tab-adjust: 0px; /* adjust tab bar - only for 68-73 */
--tab-caption: 5px; /* caption buttons on tab bar */
}
/* TAB BAR - below nav-bar */
- navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10 !important;}
- TabsToolbar {-moz-box-ordinal-group:1000 !important;}
- TabsToolbar {
display: block !important;
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
- tabbrowser-tabs {
width: 100vw !important;
}
/* navigator-toolbox - PADDING */
- |*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
position: relative !important; /*89+*/
padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
background-color: var(--toolbar-bgcolor) !important;
}
/* TabsToolbar with menubar and titlebar hidden - rules for Firefox 65-73 */
- |*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"]) #toolbar-menubar[autohide="true"] ~
#TabsToolbar{
bottom: var(--tab-adjust); /*ADJUST*/
}
/* TABS: height */
- tabbrowser-tabs,
- tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}
- TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/
background-color: var(--toolbar-bgcolor) !important;
color: var(--toolbar-color) !important;
}
/* indicators *//*
- |*:root[privatebrowsingmode=temporary] .private-browsing-indicator {
position: absolute !important;
display: block !important;
right: 0px !important;
bottom: 0px !important;
width: 14px !important;
pointer-events: none !important;
}
.private-browsing-indicator {display: none !important;}
.accessibility-indicator {display: none !important;}
/* Indicators - HIDE *//*
- |*:root:not([accessibilitymode]) .accessibility-indicator {display: none !important}
- |*:root:not([privatebrowsingmode=temporary]) .private-browsing-indicator {display: none !important}
- /
/* Drag Space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 20px !important;
}
/* Override vertical shifts when moving a tab */
- navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
- navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
- navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
/* Hide window-controls and caption buttons on Tab Bar */
- TabsToolbar #window-controls {display: none !important;}
- TabsToolbar .titlebar-buttonbox-container {display: none !important;}