Skip to content

Instantly share code, notes, and snippets.

@hallettj
Last active June 23, 2023 18:05
Show Gist options
  • Save hallettj/568eb8842fbc178fc1e9bc914331a75e to your computer and use it in GitHub Desktop.
Save hallettj/568eb8842fbc178fc1e9bc914331a75e to your computer and use it in GitHub Desktop.
Customize Firefox Quantum to hide tab bar, and to hide navigation bar when it is not focused. Press Ctrl+L to reveal navigation bar. To make this work you must open about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true with. This version is tested with Firefox v78.
@-moz-document url(chrome://browser/content/browser.xul),
url(chrome://browser/content/browser.xhtml) {
/* hide horizontal tabs at the top of the window */
#TabsToolbar > * {
visibility: collapse;
}
/* hide navigation bar when it is not focused; use Ctrl+L to get focus */
#main-window:not([customizing]) #navigator-toolbox:not(:focus-within):not(:hover) {
margin-top: -45px;
}
#navigator-toolbox {
transition: 0.2s margin-top ease-out;
}
/* hide the "Tree Style Tab" header at the top of the sidebar (only Tree Style Tab sidebar) */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment