Skip to content

Instantly share code, notes, and snippets.

@drcharris
Created February 5, 2019 19:02
Show Gist options
  • Save drcharris/0830ff4da063c68b0ceed415d879f05f to your computer and use it in GitHub Desktop.
Save drcharris/0830ff4da063c68b0ceed415d879f05f to your computer and use it in GitHub Desktop.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* to hide the sidebar header */
#sidebar-header { visibility: collapse; }
#TabsToolbar .toolbar-items { visibility: collapse; } /* hide JUST the tabs, leaving JUST the window controls */
#TabsToolbar {
margin-bottom: -42px; /* push window controls down into same vertical space as the nav-bar */
height: 42px; /* make the window controls roughly the same height as the nav-bar */
}
#nav-bar {
margin-left: 75px; /* push nav-bar to the right to make space for the window controls */
background: transparent !important; /* optional -make nav-bar background look the same as the window controls background */
}
@drcharris
Copy link
Author

A simple userChrome.css for Firefox (Mac) that restores the window controls for people liking the 'single line' configuration. It minimises wasted space from the tab bar - useful when using Tree Style Tabs for example - and lines up the window controls (now part of the tab bar in FF65 for some reason) with the nav-bar again.

Looks like this:

ff65 userchrome single line

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment