Skip to content

Instantly share code, notes, and snippets.

@aclarknexient
Created February 19, 2024 14:01
Show Gist options
  • Save aclarknexient/88673880d373864eee19279218c04e6a to your computer and use it in GitHub Desktop.
Save aclarknexient/88673880d373864eee19279218c04e6a to your computer and use it in GitHub Desktop.
Firefox css to disable horizontal tabs
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items {
opacity: 0;
pointer-events: none;
}
#main-window:not([tabsintitlebar="true"]) #TabsToolbar {
visibility: collapse !important;
}
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
display: none;
}
/*
Display the status bar in Firefox Quantum (version 61+)
permanently at the bottom of the browser window.
Code below works best for the Dark Firefox theme and is based on:
https://github.com/MatMoul/firefox-gui-chrome-css/blob/master/chrome/userChrome.css
This userChrome.css file was last modified on: 28-Jun-2018.
Tested to work with Firefox 61 on Windows.
Related blog post: http://www.optimiced.com/en/?p=1727
*/
#browser-bottombox {
height: 20px;
border-top: solid 1px #505050;
}
.browserContainer>#statuspanel {
left: 4px !important;
bottom: 0px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>#statuspanel>#statuspanel-inner>#statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
color: #EEE !important;
background: #333 !important;
}
window[inFullscreen="true"] #browser-bottombox {
display: none !important;
}
window[inFullscreen="true"] .browserContainer>#statuspanel[type="overLink"] #statuspanel-label {
display: none !important;
}
#titlebar {
appearance: none !important;
height: 0px;
}
#titlebar > #toolbar-menubar {
margin-top: 0px;
}
#TabsToolbar {
min-width: 0 !important;
min-height: 0 !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: block;
position: absolute;
top: 12px;
left: 0px;
}
#nav-bar toolbarspring {
min-width: 10px !important;
max-width: 20px !important;
}
@aclarknexient
Copy link
Author

Unfortunately, it looks like 133.0b3 breaks these customizations:

Screenshot 2024-11-03 at 12 45 01 PM

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