搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Tab toolbar should be below bookmarks bar - post quantum fix bricked by version 65 again.

  • 19 回覆
  • 10 有這個問題
  • 38 次檢視
  • 最近回覆由 W.H.H

more options

As the title says - the post-quantum inofficial fix (linked here: https://support.mozilla.org/en-US/questions/1184503) to move tabs back to the ground will no longer work, when 65 becomes stable. Will they fix it? No: https://bugzilla.mozilla.org/show_bug.cgi?id=1508361 . Why did they: https://bugzilla.mozilla.org/show_bug.cgi?id=1356920 ... no clue at all from that...

Anyone who is familiar with that piece of ductwork i.e. is able to understand what they call documentation, please advice how to get tabs back to bottom again. I tried some things but due to the fact that the TabsToolbar element seems to have completely changed its entire nature nothing worked to change its position. Could not even manage to find out what is the actual kind of container-elements name that now is said to contain the menubar and tabbar.

As the title says - the post-quantum inofficial fix (linked here: https://support.mozilla.org/en-US/questions/1184503) to move tabs back to the ground will no longer work, when 65 becomes stable. Will they fix it? No: https://bugzilla.mozilla.org/show_bug.cgi?id=1508361 . Why did they: https://bugzilla.mozilla.org/show_bug.cgi?id=1356920 ... no clue at all from that... Anyone who is familiar with that piece of ductwork i.e. is able to understand what they call documentation, please advice how to get tabs back to bottom again. I tried some things but due to the fact that the TabsToolbar element seems to have completely changed its entire nature nothing worked to change its position. Could not even manage to find out what is the actual kind of container-elements name that now is said to contain the menubar and tabbar.

被選擇的解決方法

Or switch to the rules of the master who has been working on this for a while now:

https://github.com/Aris-t2/CustomCSSforFx/issues/164

You will need to combine the rules in these two files (if pasting into one userChrome.css file, remove the @import line from the second one):

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css

從原來的回覆中察看解決方案 👍 2

所有回覆 (19)

more options

Were you planning to switch from Waterfox to Firefox?

Yes, the structure has changed, with the menu bar and tabs bar unified into a new element with id="titlebar". Accordingly, the basic rules are:

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#titlebar { /* menu bar + tabs bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}

/* Vertical space for min/max/close buttons above the main toolbar */
/* Sized on Windows 7 */
#main-window[tabsintitlebar="true"][sizemode="normal"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 22px !important;
}
#main-window[tabsintitlebar="true"][sizemode="maximized"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 28px !important;
}

If you display the classic menu bar, you're not going to like the results...

more options

Or if you're experimenting, maybe one of these, depending on whether you show the Bookmarks Toolbar:

/* Tab bar below Navigation & Bookmarks Toolbars
   with DISPLAYED Bookmarks Toolbar on Windows 7 Aero */
#navigator-toolbox, #nav-bar, #PersonalToolbar {
  position: relative;
}
#navigator-toolbox {
  height: 130px !important;
}
#TabsToolbar { /* tabs bar */
  padding-top: 90px !important;
}
#toolbar-menubar[autohide="false"] ~ #TabsToolbar { /* tabs bar */
  padding-top: 71px !important;
}
#nav-bar { /* main toolbar */
  box-shadow: none !important;
  margin-top: -102px !important;
}
/* Tab bar below Navigation & Bookmarks Toolbars
   with HIDDEN Bookmarks Toolbar on Windows 7 Aero */
#navigator-toolbox, #nav-bar, #PersonalToolbar {
  position: relative;
}
#navigator-toolbox {
  height: 110px !important;
}
#TabsToolbar { /* tabs bar */
  padding-top: 70px !important;
}
#toolbar-menubar[autohide="false"] ~ #TabsToolbar { /* tabs bar */
  padding-top: 51px !important;
}
#nav-bar { /* main toolbar */
  box-shadow: none !important;
  margin-top: -82px !important;
}
more options

選擇的解決方法

Or switch to the rules of the master who has been working on this for a while now:

https://github.com/Aris-t2/CustomCSSforFx/issues/164

You will need to combine the rules in these two files (if pasting into one userChrome.css file, remove the @import line from the second one):

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar.css

https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/tabs/tabs_below_navigation_toolbar_fx65.css

由 jscher2000 - Support Volunteer 於 修改

more options

Kudos! It was (again :-/) a bit of a mess to reduce this to what I basically needed, but it worked.

Here are the snippets of my css, which I altered from their pre 65 version (remove ! before leading hash-signs): !#TabsToolbar { /* tab bar */ position: absolute !important; bottom: 0 !important; width: 100vw !important; -moz-box-ordinal-group: 3 !important; border-bottom: thin solid rgb(142, 142, 142); /* #8E8E8E */ background-color: #f6f6f6 !important; }

!#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

 padding-bottom: 33px !important;

}

No - I ultimately moved to Waterfox now, as I am tired of being bothered with such things over and over again. This is my way of showing my disappointment about the direction in which FF is developing (with Quantum being my last straw). Admittedly Waterfox has its own caveats besides proivding me the browser experience FF refuses, so that is why I still have FF (nightly) as a backup in case there is any application or website that does not work properly on Waterfox. And for whatever reason, I not gave up on FF completely, still hoping for a comeback (of ripped out features) someday.

Anyway, thank you very much!

由 Specialcase 於 修改

more options

I suck when it comes to programing can you explain what I am suppose to do to get the tabs on the bottom.

more options

Yeah I am not a coder either my current css files only have two lines of code each .

/* tabs on bottom */on #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} in userChrome.css and /* tabs on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!important} in userChrome . There are no other Chrome files in the the Chrome folder. It looks like I have to copy that block of code into the first file. (The other file is probably left over from a previous break) But I think I can see its a combination of codes for different operating systems.

I like tabs on bottom much better because my most used links are easier to reach .

由 cor-el 於 修改

more options
more options

Deamon99 said

I suck when it comes to programing can you explain what I am suppose to do to get the tabs on the bottom.

First a warning that this way is not quite a 100% fix for the issue; basically it will cause some weird side-effects, which I tried to compensate but likely did not cover entirely. Note that you HAVE TO enable the title bar in FF customization options. Otherwise the window controls will end up laying around in your tab-bar...

1) Create a new txt file and edit it 2) Now we need to populate it with content. Unfortunately posting this here is outright rubbish. Copy the following to the file and replace the below mentioned patterns that I added to get it formatted the right way...:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");zzz
ooo#TabsToolbar {zzz
	position: absolute !important;zzz
	bottom: 0 !important;zzz
	width: 100vw !important;zzz
	-moz-box-ordinal-group: 3 !important;zzz
	border-bottom: thin solid rgb(142, 142, 142);zzz
	background-color: #f6f6f6 !important;zzz
}zzz
zzz
ooo#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {zzz
	padding-bottom: 32px !important;zzz
}zzz
zzz
ooo#TabsToolbar .private-browsing-indicator,zzz
ooo#TabsToolbar #window-controls,zzz
ooo#TabsToolbar *[type="caption-buttons"],zzz
ooo#TabsToolbar *[type="pre-tabs"],zzz
ooo#TabsToolbar *[type="post-tabs"] {zzz
  display: none !important;zzz
}zzz
zzz
.tabbrowser-tab:not([pinned]) {zzz
min-width: 200px !important;zzz
}zzz
zzz

ooo - remove these; I used them to block leading # which otherwise create a list item here.. zzz - for each of these you simply put in a line-break

3) The last part is to rename the new file to userchrome.css (make sure you enable visibility of file extensions in Windows) 4) ..and to place it into the right folder, like is described here: https://www.userchrome.org/how-create-userchrome-css.html

Hope that helps.

由 cor-el 於 修改

more options

ctuna said

Ok got it Thanks link is https://raw.githubusercontent.com/trogau/firefoxSettings/7b135fa9dace8f95517d0805272afa41ce36231b/userChrome.css

Help! I'm a complete amateur with css - what do I do with this link?

Thanks

more options

From C drive Go to your user name/AppData/Roaming/Mozilla/Firefox/Profiles you may have more than one use the most recent one.

In the directory displayed there should be a folder labeled chrome. (if there is not create one I think that is what I had to do the first time this happened but there were only a few lines to copy in.) If you already have something in that chrome file delete the contents of the files . Copy and Paste the entire contents of the link into the files contained in the chrome folder. I had UserChrome and UserChrome.css I dumped the contents into both because I wasn't quite sure where it went. (one was txt file the other a css file) And they had actually said there were more file in chrome. Also I had to profiles and I didn't drop it into the active one the first time. The link I put up was already the RAW data mentioned earlier in the thread.

由 ctuna 於 修改

more options

See this thread for updated userChrome.css code for Firefox 65 to move the tabs to the bottom position.


Add code to the userChrome.css file below the default @namespace line.


It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close and restart Firefox when you create or modify the userChrome.css file.

more options

Thanks for the help! I tried ctuna's code first and the tabs overlapped with the bookmarks, so maybe I did something wrong there. But cor-el's worked perfectly and the tabs are back where they belong. One question though - is there a way to reduce the height of the tabs through the userChrome css file, they seem disproportionately tall now?

more options

It's not my code I just copied it from the original poster. https://support.mozilla.org/en-US/questions/1248259?utm_campaign=questions-reply&utm_medium=email&page=2&utm_source=notification#answer-1193161 in the above thread all credit goes to him. And some how fumbled through and got it to work. Although I understand computers and used to do component level repair on mini' computers when there was such a thing ,I have done nothing with any of the current computer languages or html web based stuff. I had to go back and read the OP's first statements more carefully and follow his links.

someone sent me this its kind of interesting

https://www.userchrome.org/what-is-userchrome-css.html

由 ctuna 於 修改

more options

Forget my last question, sorry, found the min tab height part of the code and reduced the 33px to 25 which seems to have worked.

more options

jscher2000 said

Were you planning to switch from Waterfox to Firefox? Yes, the structure has changed, with the menu bar and tabs bar unified into a new element with id="titlebar". Accordingly, the basic rules are:
/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  box-shadow: none !important;
}
#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 2 !important;
}
#titlebar { /* menu bar + tabs bar */
  -moz-box-ordinal-group: 3 !important;
  padding-top: 0 !important;
}

/* Vertical space for min/max/close buttons above the main toolbar */
/* Sized on Windows 7 */
#main-window[tabsintitlebar="true"][sizemode="normal"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 22px !important;
}
#main-window[tabsintitlebar="true"][sizemode="maximized"]:not([inFullscreen="true"]) #nav-bar {
  margin-top: 28px !important;
}

If you display the classic menu bar, you're not going to like the results...


THANKS A LOT, IT WORKED FOR ME ON MACOS MOJAVE.

more options

Actually the opposite is true . Firefox to Waterfox. I downloaded it and found it had not tabs on bottom either. Do you have a solution for that?

more options

After more years than i care to remember. Since Firefox has stopped being friendly, I've decided to say bye-bye to Firefox.

There must be an up-and-coming challenger out there.

more options

ctuna said

Actually the opposite is true . Firefox to Waterfox. I downloaded it and found it had not tabs on bottom either. Do you have a solution for that?

Hi, Waterfox might not have the setting either but other than with Firefox you can still run the legacy addons like classic theme restorer to actually have it look like you want. This is the real crook with post Quantum FF - they kicked out everyone* dedicating time to fix their bad decisions with a plugin.

  • exaggeration

由 Specialcase 於 修改

more options

In order to place the tabs directly above the web page window in Firefox 65 and newer -- that is, below the navigation bar and below any other bars --, copy and paste the following lines into your userChrome.css file and restart Firefox.

[Note: Detailed information on using userChrome.css files is available on the https://www.userchrome.org web site maintained by Jefferson Scher (alias: jscher2000).]


:root {
  --tab-min-height_tnot: 32px;
}

#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}

#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}

#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}

#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}

#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}

#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}

#TabsToolbar {
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}