Firefox 65 : Reposition Tabs at bottom, directly above web page in Firefox 65.0? -- for Windows 10 - not for MacOSX | Firefox Support Forum
Written by Marechal Laurent - 07 february 2019
Classified in : Windows, Unix, Links, Others - Tags : none
Site d'origine : https://support.mozilla.org/en-US/questions/1248277
What I did is quite simple. In the default user directory (/home/'YOUR USER NAME'/.mozilla/firefox/xxxxx.default-xxx) make sure you have the directory /chrome with the file userChrome.css. If you don't have it, you can to make it easy, you can download chrome.zip from http://franklion.co.uk/GEN-LINKS/chrome.zip and extract it to the default directory. Once you have the userChrome.css file, copy the proposed text in. The whole content of my file is (and that worked for me): /* Frank edited file - you are good to go...*/
/*
* Do not remove the @namespace line -- it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* TABS: on bottom */
- navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
- TabsToolbar {-moz-box-ordinal-group:1000!important}
- TabsToolbar {
position: absolute !important; bottom: 0 !important; width: 100vw !important;
}
- tabbrowser-tabs {
width: 100vw !important;
}
- main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
/* TABS: height */
- root {
--tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 27px !important; /* adjust to suit your needs */
}
- root #tabbrowser-tabs {
--tab-min-height: 27px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important;
}
- TabsToolbar {
height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}
- tabbrowser-tabs,
- tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important;
}
/* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
width: 40px;
}
/* Override vertical shifts when moving a tab */
- navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
- navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important; margin-bottom: unset !important;
}
- navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
What I did is quite simple. In the default user directory (/home/'YOUR USER NAME'/.mozilla/firefox/xxxxx.default-xxx) make sure you have the directory /chrome with the file userChrome.css. If you don't have it, you can to make it easy, you can download chrome.zip from http://franklion.co.uk/GEN-LINKS/chrome.zip and extract it to the default directory. Once you have the userChrome.css file, copy the proposed text in. The whole content of my file is (and that worked for me): /* Frank edited file - you are good to go...*/ /* * Do not remove the @namespace line -- it's required for correct functioning */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */ /* TABS: on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; } #tabbrowser-tabs { width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;} /* TABS: height */ :root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 27px !important; /* adjust to suit your needs */ } :root #tabbrowser-tabs { --tab-min-height: 27px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important; } #TabsToolbar { height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important; } /* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] { width: 40px; } /* Override vertical shifts when moving a tab */ #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar { padding-bottom: unset !important; } #navigator-toolbox[movingtab] #tabbrowser-tabs { padding-bottom: unset !important; margin-bottom: unset !important; } #navigator-toolbox[movingtab] > #nav-bar { margin-top: unset !important; }
Comments are closed.