/ * Source file https : / / github . com / MrOtherGuy / firefox-csshacks / tree / master / chrome / hide_tabs_with_one_tab_w_window_controls . css made available under Mozilla Public License v . 2 . 0
See the above repository for updates as well as full license text . * /
/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs. Optionally use privatemode_indicator_as_menu_button.css to replace main menu icon with private browsing indicator while tabs are hidden. */
/* Firefox 65+ only */
/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar and menubar */
/* IMPORTANT */
/ *
Get window_control_placeholder_support . css
Window controls will be all wrong without it
* /
# titlebar { -moz- appearance : none !important ; }
/* We'll use window controls from menubar instead */
# TabsToolbar > . titlebar-buttonbox-container { display : none }
# tabbrowser-tabs ,
# tabbrowser-arrowscrollbox { min-height : 0 !important ; }
# TabsToolbar > . titlebar-spacer [ type = "post-tabs" ] {
width : calc ( var ( --uc-window-control-width , 0px ) + var ( --uc-window-drag-space-post , 0px ) ) ! important ;
}
# toolbar-menubar > spacer { pointer-events : none }
: root : not ( [ customizing ] ) # tabs-newtab-button ,
: root : not ( [ customizing ] ) # tabbrowser-tabs . tabs-newtab-button {
-moz-appearance : none ! important ;
height : 0px ;
padding-block : 0px ! important ;
-moz-box-align : stretch ;
margin : 0 ! important ;
}
# tabs-newtab-button { transform : scale ( 0.8 ) ; border-radius : var ( - - tab - border - radius ) ; }
. accessibility-indicator ,
. private-browsing-indicator {
height : unset ! important ;
}
. accessibility-indicator > hbox { padding-block : 0 !important }
. tabbrowser-tab {
height : calc ( var ( --tab-min-height ) + 2 * var ( --tab-block-margin ) ) ;
}
. tabbrowser-tab [ first-visible-tab = "true" ] [ last-visible-tab = "true" ] {
visibility : collapse ;
/* These seem unnecessary, but they achieve compatibility with hide_tabs_with_one_tab.css */
min-height : 0 ! important ;
height : 0 ;
}
/* Button re-styling */
# tabs-newtab-button : hover ,
# tabbrowser-tabs . tabs-newtab-button : hover { background-color : var ( - - toolbarbutton - hover - background ) }
# tabs-newtab-button > . toolbarbutton-icon ,
# tabbrowser-tabs . tabs-newtab-button > . toolbarbutton-icon {
padding : 0 ! important ;
transform : scale ( 0 . 6 ) ;
background-color : transparent ! important ;
}
/* Window controls in nav-bar */
: root : not ( [ customizing ] ) # toolbar-menubar [ inactive ] {
height : initial ! important ;
min-height : initial ! important ;
margin-bottom : -28px ! important ;
}
: root : not ( [ customizing ] ) # toolbar-menubar [ autohide ] [ inactive ] > # menubar-items { pointer-events : none ; opacity : 0 }
: root [ sizemode = "fullscreen" ] # TabsToolbar > # window-controls { z-index : 2 ; }
. titlebar-buttonbox { color : inherit }