Last active
October 14, 2025 01:36
-
-
Save v3ronez/3cf674bea6337e611927937bbbc6e72c to your computer and use it in GitHub Desktop.
setup the firefox address bar and tabs on bottom page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-moz-document url(chrome://browser/content/browser.xhtml) { | |
| /* tabs on bottom of window */ | |
| /* requires that you set | |
| * toolkit.legacyUserProfileCustomizations.stylesheets = true | |
| * in about:config | |
| * figure out current firefox's profile folder in about:support | |
| */ | |
| #main-window body { flex-direction: column-reverse !important; } | |
| #navigator-toolbox { flex-direction: column-reverse !important; } | |
| #urlbar-searchmode-switcher { position: static !important; } | |
| #urlbar { | |
| top: unset !important; | |
| bottom: calc(var(--urlbar-container-height) + 2 * var(--urlbar-padding-block)) !important; | |
| box-shadow: none !important; | |
| display: flex !important; | |
| flex-direction: column !important; | |
| } | |
| #urlbar > * { | |
| flex: none; | |
| } | |
| #urlbar .urlbar-input-container { | |
| order: 2; | |
| } | |
| #urlbar > .urlbarView { | |
| order: 1; | |
| border-bottom: 1px solid #666; | |
| } | |
| #urlbar-results { | |
| display: flex; | |
| flex-direction: column-reverse; | |
| } | |
| .search-one-offs { display: none !important; } | |
| .tab-background { border-top: none !important; } | |
| #navigator-toolbox::after { border: none; } | |
| #TabsToolbar .tabbrowser-arrowscrollbox, | |
| #tabbrowser-tabs, .tab-stack { min-height: 28px !important; } | |
| .tabbrowser-tab { font-size: 125%; } | |
| .tab-content { padding: 0 5px; } | |
| .tab-close-button .toolbarbutton-icon { width: 12px !important; height: 12px !important; } | |
| toolbox[inFullscreen=true] { display: none; } | |
| /* | |
| * the following makes it so that the on-click panels in the nav-bar | |
| * extend upwards, not downwards. some of them are in the #mainPopupSet | |
| * (hamburger + unified extensions), and the rest are in | |
| * #navigator-toolbox. They all end up with an incorrectly-measured | |
| * max-height (based on the distance to the _bottom_ of the screen), so | |
| * we correct that. The ones in #navigator-toolbox then adjust their | |
| * positioning automatically, so we can just set max-height. The ones | |
| * in #mainPopupSet do _not_, and so we need to give them a | |
| * negative margin-top to offset them *and* a fixed height so their | |
| * bottoms align with the nav-bar. We also calc to ensure they don't | |
| * end up overlapping with the nav-bar itself. The last bit around | |
| * cui-widget-panelview is needed because "new"-style panels (those | |
| * using "unified" panels) don't get flex by default, which results in | |
| * them being the wrong height. | |
| * | |
| * Oh, yeah, and the popup-notification-panel (like biometrics prompts) | |
| * of course follows different rules again, and needs its own special | |
| * rule. | |
| */ | |
| #mainPopupSet panel.panel-no-padding { margin-top: calc(-50vh + 40px) !important; } | |
| #mainPopupSet .panel-viewstack, #mainPopupSet popupnotification { max-height: 50vh !important; height: 50vh; } | |
| #mainPopupSet panel.panel-no-padding.popup-notification-panel { margin-top: calc(-50vh - 35px) !important; } | |
| #navigator-toolbox .panel-viewstack { max-height: 75vh !important; } | |
| panelview.cui-widget-panelview { flex: 1; } | |
| panelview.cui-widget-panelview > vbox { flex: 1; min-height: 50vh; } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment