Skip to content

Instantly share code, notes, and snippets.

@mnutt mnutt/example.md
Last active Sep 5, 2019

Embed
What would you like to do?
TreeStyleTab sidebar tabs only

Example:

firefox

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#navigator-toolbox {
/* put titlebar and url bar next to each other */
-moz-box-orient: horizontal;
/* more places to allow dragging */
-moz-window-dragging: drag;
/* gives a native, blended look on macos */
-moz-appearance: -moz-mac-vibrant-titlebar-light !important;
}
#urlbar-container {
/* more drag handles */
-moz-window-dragging: drag;
}
#urlbar {
/* but don't interfere with selecting text in the URL bar itself */
-moz-window-dragging: no-drag;
}
#TabsToolbar {
min-width: 90px;
/* blend with macos titlebar color */
background-color: transparent !important;
}
/* to hide the native tabs */
#TabsToolbar .toolbar-items {
visibility: collapse;
}
/* to hide the treesyle tabs sidebar header */
#sidebar-header {
visibility: collapse;
}
#nav-bar {
/* flat style, to blend with native window */
background-color: transparent !important;
box-shadow: none !important;
/* let it breathe */
margin: 5px 0 !important;
/* allow dragging from the padding around the nav bar */
-moz-window-dragging: drag;
/* expand to fill space not taken by #TabsToolbar */
-moz-box-flex: 1000;
}
/* contains private browsing badge and fullscreen button */
#titlebar-secondary-buttonbox {
margin-left: 4px;
}
.titlebar-spacer[type="pre-tabs"] {
display: none !important;
border-inline-end: none !important;
}
/* put a top-border on the main content rather than a bottom-border
on the toolbar, because the toolbar has -moz-appearance: none; */
#content-deck {
border-top: 1px solid #cccccc;
}
@aLekSer

This comment has been minimized.

Copy link

aLekSer commented Feb 14, 2019

Thanks for this gist, but it does not work with Bookmarks toolbar

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.