tristan/nix
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Update firefox tabs-on-bottom

Browse source
This commit is contained in:
Tristan D. 2024-05-27 11:53:30 +02:00
parent 0a3f076e24
commit 363a89479e
Signed by: tristan
SSH key fingerprint: SHA256:U7y6eMb7CQDaTHv9XoX6/BaQnPqyxxKc+Xnfcefi6rY
1 changed files with 63 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

123
home-mods/firefox/default.nix
View file

@ -13,66 +13,69 @@
userChrome = '' userChrome = ''
@-moz-document url(chrome://browser/content/browser.xhtml) { @-moz-document url(chrome://browser/content/browser.xhtml) {
/* tabs on bottom of window */ /* tabs on bottom of window */
/* requires that you set /* requires that you set
* toolkit.legacyUserProfileCustomizations.stylesheets = true * toolkit.legacyUserProfileCustomizations.stylesheets = true
* in about:config * in about:config
*/ */
#main-window body { flex-direction: column-reverse !important; } #main-window body { flex-direction: column-reverse !important; }
#navigator-toolbox { flex-direction: column-reverse !important; } #navigator-toolbox { flex-direction: column-reverse !important; }
#urlbar { #urlbar {
top: unset !important; top: unset !important;
bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; bottom: calc(var(--urlbar-margin-inline)) !important;
box-shadow: none !important; box-shadow: none !important;
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: column !important;
} }
#urlbar-input-container { #urlbar > * {
order: 2; flex: none;
} }
#urlbar > .urlbarView { #urlbar-input-container {
order: 1; order: 2;
border-bottom: 1px solid #666; }
} #urlbar > .urlbarView {
#urlbar-results { order: 1;
display: flex; border-bottom: 1px solid #666;
flex-direction: column-reverse; }
} #urlbar-results {
.search-one-offs { display: none !important; } display: flex;
.tab-background { border-top: none !important; } flex-direction: column-reverse;
#navigator-toolbox::after { border: none; } }
#TabsToolbar .tabbrowser-arrowscrollbox, .search-one-offs { display: none !important; }
#tabbrowser-tabs, .tab-stack { min-height: 28px !important; } .tab-background { border-top: none !important; }
.tabbrowser-tab { font-size: 80%; } #navigator-toolbox::after { border: none; }
.tab-content { padding: 0 5px; } #TabsToolbar .tabbrowser-arrowscrollbox,
.tab-close-button .toolbarbutton-icon { width: 12px !important; height: 12px !important; } #tabbrowser-tabs, .tab-stack { min-height: 28px !important; }
toolbox[inFullscreen=true] { display: none; } .tabbrowser-tab { font-size: 80%; }
/* .tab-content { padding: 0 5px; }
* the following makes it so that the on-click panels in the nav-bar .tab-close-button .toolbarbutton-icon { width: 12px !important; height: 12px !important; }
* extend upwards, not downwards. some of them are in the #mainPopupSet toolbox[inFullscreen=true] { display: none; }
* (hamburger + unified extensions), and the rest are in /*
* #navigator-toolbox. They all end up with an incorrectly-measured * the following makes it so that the on-click panels in the nav-bar
* max-height (based on the distance to the _bottom_ of the screen), so * extend upwards, not downwards. some of them are in the #mainPopupSet
* we correct that. The ones in #navigator-toolbox then adjust their * (hamburger + unified extensions), and the rest are in
* positioning automatically, so we can just set max-height. The ones * #navigator-toolbox. They all end up with an incorrectly-measured
* in #mainPopupSet do _not_, and so we need to give them a * max-height (based on the distance to the _bottom_ of the screen), so
* negative margin-top to offset them *and* a fixed height so their * we correct that. The ones in #navigator-toolbox then adjust their
* bottoms align with the nav-bar. We also calc to ensure they don't * positioning automatically, so we can just set max-height. The ones
* end up overlapping with the nav-bar itself. The last bit around * in #mainPopupSet do _not_, and so we need to give them a
* cui-widget-panelview is needed because "new"-style panels (those * negative margin-top to offset them *and* a fixed height so their
* using "unified" panels) don't get flex by default, which results in * bottoms align with the nav-bar. We also calc to ensure they don't
* them being the wrong height. * end up overlapping with the nav-bar itself. The last bit around
* * cui-widget-panelview is needed because "new"-style panels (those
* Oh, yeah, and the popup-notification-panel (like biometrics prompts) * using "unified" panels) don't get flex by default, which results in
* of course follows different rules again, and needs its own special * them being the wrong height.
* rule. *
*/ * Oh, yeah, and the popup-notification-panel (like biometrics prompts)
#mainPopupSet panel.panel-no-padding { margin-top: calc(-50vh + 40px) !important; } * of course follows different rules again, and needs its own special
#mainPopupSet .panel-viewstack, #mainPopupSet popupnotification { max-height: 50vh !important; height: 50vh; } * rule.
#mainPopupSet panel.panel-no-padding.popup-notification-panel { margin-top: calc(-50vh - 35px) !important; } */
#navigator-toolbox .panel-viewstack { max-height: 75vh !important; } #mainPopupSet panel.panel-no-padding { margin-top: calc(-50vh + 40px) !important; }
panelview.cui-widget-panelview { flex: 1; } #mainPopupSet .panel-viewstack, #mainPopupSet popupnotification { max-height: 50vh !important; height: 50vh; }
panelview.cui-widget-panelview > vbox { flex: 1; min-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; }
} }
''; '';
settings = { settings = {