2020-05-22 05:13:58 +00:00
/ * Source file https : / / github . com / MrOtherGuy / firefox-csshacks / tree / master / chrome / hide_tabs_with_one_tab . css made available under Mozilla Public License v . 2 . 0
See the above repository for updates as well as full license text . * /
2021-02-20 20:23:52 +00:00
/* 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. */
2018-12-02 03:07:43 +00:00
/* Firefox 65+ only */
2019-02-09 10:45:52 +00:00
2021-06-04 21:17:16 +00:00
/* Dummy variable to support both versions 89-90 */
: root { --tab-block-margin : var ( - - proton - tab - block - margin ) }
2021-05-15 09:13:32 +00:00
2019-02-08 22:03:13 +00:00
: root [ sizemode = "normal" ] # nav-bar { --uc-window-drag-space-width : 20 px }
2018-12-02 03:30:59 +00:00
2018-12-02 03:07:43 +00:00
# titlebar { -moz- appearance : none !important ; }
2020-06-13 18:20:33 +00:00
# TabsToolbar { min-height : 0 px !important }
2019-02-08 22:03:13 +00:00
2020-04-07 18:27:49 +00:00
# tabbrowser-tabs , # tabbrowser-tabs > . tabbrowser-arrowscrollbox , # tabbrowser-arrowscrollbox { min-height : 0 !important ; }
2019-02-08 22:03:13 +00:00
2018-12-02 03:07:43 +00:00
: root : not ( [ customizing ] ) # tabbrowser-tabs . tabs-newtab-button ,
2019-09-01 14:25:56 +00:00
: root : not ( [ customizing ] ) # tabs-newtab-button ,
2020-01-09 22:19:05 +00:00
: root : not ( [ customizing ] ) # TabsToolbar-customization-target > . toolbarbutton-1 ,
2018-12-02 03:07:43 +00:00
: root : not ( [ customizing ] ) # TabsToolbar . titlebar-button {
-moz-appearance : none ! important ;
height : 0px ;
padding-top : 0px ! important ;
padding-bottom : 0px ! important ;
-moz-box-align : stretch ;
margin : 0 ! important ;
}
2020-01-09 22:19:05 +00:00
2021-02-20 20:23:52 +00:00
. accessibility-indicator ,
. private-browsing-indicator {
height : unset ! important ;
}
. accessibility-indicator > hbox { padding-block : 0 !important }
2021-06-04 21:17:16 +00:00
# tabbrowser-tabs . tabbrowser-tab { height : calc ( var ( - - tab - min - height ) + 2 * var ( - - tab - block - margin , 0 px ) ) }
2019-02-08 22:03:13 +00:00
2018-12-02 03:07:43 +00:00
# tabbrowser-tabs . tabbrowser-tab [ first-visible-tab = "true" ] [ last-visible-tab = "true" ] {
visibility : collapse ! important ;
}
/* Button re-styling */
2019-09-01 14:25:56 +00:00
# tabs-newtab-button : hover ,
2018-12-02 03:07:43 +00:00
# tabbrowser-tabs . tabs-newtab-button : hover { background-color : var ( - - toolbarbutton - hover - background ) }
2019-02-08 22:03:13 +00:00
2019-09-01 14:25:56 +00:00
# tabs-newtab-button > . toolbarbutton-icon ,
2018-12-02 03:07:43 +00:00
# tabbrowser-tabs . tabs-newtab-button > . toolbarbutton-icon {
padding : 0 ! important ;
transform : scale ( 0 . 6 ) ;
background-color : transparent ! important ;
}
/* Extra top padding in maximized window */
2021-06-06 05:23:40 +00:00
@ media ( -moz-os-version : windows-win7 ) , ( -moz-os-version : windows-win10 ) {
2020-05-06 13:26:32 +00:00
: root [ sizemode = "maximized" ] # navigator-toolbox { padding-top : 7 px !important ; }
}
2018-12-02 03:07:43 +00:00
/* Fix window controls not being clickable */
2019-10-12 20:52:39 +00:00
: root [ tabsintitlebar ] # toolbar-menubar [ autohide = "true" ] [ inactive ] {
transition : height 0ms steps ( 1 ) 80ms ;
2018-12-02 03:30:59 +00:00
}
2021-05-15 09:13:32 +00:00
: where ( # nav-bar ) {
2019-12-06 08:29:44 +00:00
border-inline : var ( --uc-window-drag-space-width ) solid var ( --toolbar-bgcolor ) ;
2021-02-20 20:23:52 +00:00
}