X
Tippen Sie hierhin, um die Version dieser Website für Mobilgeräte aufzurufen.

Hilfeforum

How can I get tabs below in firefox 71.0?

Veröffentlicht

Since the new update, tabs are on top again. And the fix for the last time it no longer worked (as usual) is not valid anymore. What must I do now? And why is firefox so set on placing the tabs on top? Thanks

Since the new update, tabs are on top again. And the fix for the last time it no longer worked (as usual) is not valid anymore. What must I do now? And why is firefox so set on placing the tabs on top? Thanks

Ausgewählte Lösung

To make sure I'm understanding, your userChrome.css fix isn't working at the moment? I found this solution for re-enabling tabs on bottom for FF71

Note that there is a change in Firefox 71 that requires to add a "display: block;" rule to the #TabsToolbar container to get the tab on bottom. https://www.reddit.com/r/FirefoxCSS/c.../psa_for_nightly_users_potential_breakage_or_even/ /* required for Firefox 71+ */ #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; }

From what I understand, Firefox dropped tab location as an option due to not wanting to maintain extra code. See this response:

That option was removed in Firefox 29 due to the need to maintain dual coding, one for the default of "tabs on top" and the older UI scheme of "tabs on bottom". && From Fx 29 thru Fx 56 you were probably using the old legacy Classic Theme Restorer which only worked with the Australis versions of Firefox. Quantum doesn't provide for legacy extension such as the Classic Theme Restorer extension. && If you have been using a userChrome.css batch of code with Firefox 57-plus, a slight CSS change was made to the syntax for "tabs". So, you need updated code that works in Fx 65-plus versions.

Let me know what you find out.

Diese Antwort im Kontext lesen 1
Zitieren

Mehr Details zum System

Anwendung

  • User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

Weitere Informationen

evhenry
  • Top 25 Contributor
  • Administrator
15 Lösungen 89 Antworten
Veröffentlicht

Ausgewählte Lösung

To make sure I'm understanding, your userChrome.css fix isn't working at the moment? I found this solution for re-enabling tabs on bottom for FF71

Note that there is a change in Firefox 71 that requires to add a "display: block;" rule to the #TabsToolbar container to get the tab on bottom. https://www.reddit.com/r/FirefoxCSS/c.../psa_for_nightly_users_potential_breakage_or_even/ /* required for Firefox 71+ */ #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; }

From what I understand, Firefox dropped tab location as an option due to not wanting to maintain extra code. See this response:

That option was removed in Firefox 29 due to the need to maintain dual coding, one for the default of "tabs on top" and the older UI scheme of "tabs on bottom". && From Fx 29 thru Fx 56 you were probably using the old legacy Classic Theme Restorer which only worked with the Australis versions of Firefox. Quantum doesn't provide for legacy extension such as the Classic Theme Restorer extension. && If you have been using a userChrome.css batch of code with Firefox 57-plus, a slight CSS change was made to the syntax for "tabs". So, you need updated code that works in Fx 65-plus versions.

Let me know what you find out.

To make sure I'm understanding, your userChrome.css fix isn't working at the moment? I found [https://support.mozilla.org/en-US/questions/1266222/ this solution] for re-enabling tabs on bottom for FF71 <blockquote>Note that there is a change in Firefox 71 that requires to add a "display: block;" rule to the #TabsToolbar container to get the tab on bottom. [https://www.reddit.com/r/FirefoxCSS/comments/da72wv/psa_for_nightly_users_potential_breakage_or_even/] /* required for Firefox 71+ */ #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; } </blockquote> From what I understand, Firefox dropped tab location as an option due to not wanting to maintain extra code. See [https://support.mozilla.org/en-US/questions/1249516/ this] response: <blockquote> That option was removed in Firefox 29 due to the need to maintain dual coding, one for the default of "tabs on top" and the older UI scheme of "tabs on bottom". && From Fx 29 thru Fx 56 you were probably using the old legacy Classic Theme Restorer which only worked with the Australis versions of Firefox. Quantum doesn't provide for legacy extension such as the Classic Theme Restorer extension. && If you have been using a userChrome.css batch of code with Firefox 57-plus, a slight CSS change was made to the syntax for "tabs". So, you need updated code that works in Fx 65-plus versions. </blockquote> Let me know what you find out.

Geändert am von evhenry

Hat Ihnen das weitergeholfen? 1
Zitieren

Fragesteller

Thanks for the fix. I know nothing about code and very little about modifying the css.chrome file. But I took the command provided and placed it in the css file. It didn't work at first because there was no # at the beginning of it. The actual line (code) that worked is: #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; } I noticed other lines had # before them and added it.

Thanks for the fix. I know nothing about code and very little about modifying the css.chrome file. But I took the command provided and placed it in the css file. It didn't work at first because there was no # at the beginning of it. The actual line (code) that worked is: #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; } I noticed other lines had # before them and added it.
Hat Ihnen das weitergeholfen?
Zitieren
evhenry
  • Top 25 Contributor
  • Administrator
15 Lösungen 89 Antworten
Veröffentlicht

Glad it helped! I know messing around with code can be intimidating but it sounds like you approached it from a problem solving sense and resolved it so good work! I'll add the "#" to it in-case someone else runs across this. Thanks for that feedback.

Glad it helped! I know messing around with code can be intimidating but it sounds like you approached it from a problem solving sense and resolved it so good work! I'll add the "#" to it in-case someone else runs across this. Thanks for that feedback.
Hat Ihnen das weitergeholfen?
Zitieren
oldtraveler 1 Lösungen 8 Antworten
Veröffentlicht

If I make a new userChrome.css file with the text "#TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; }" without the qoutes and insert it into the Chrome folder (after first deleting the old userChrome.css file) the tabs are now trying to overwrite the bookmarks even after restarting Firefox.

What's wrong?

If I make a new userChrome.css file with the text "#TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; }" without the qoutes and insert it into the Chrome folder (after first deleting the old userChrome.css file) the tabs are now trying to overwrite the bookmarks even after restarting Firefox. What's wrong?

Geändert am von oldtraveler

Hat Ihnen das weitergeholfen?
Zitieren
jscher2000
  • Top 10 Contributor
8790 Lösungen 71883 Antworten
Veröffentlicht

Hilfreiche Antwort

Hi oldtraveler, I don't think that is the complete recipe. It certainly doesn't give an attractive result on mine (Windows, with the default settings of Title Bar and Menu Bar turned off). There must be some further context (more rules) in the Reddit thread?

Hi oldtraveler, I don't think that is the complete recipe. It certainly doesn't give an attractive result on mine (Windows, with the default settings of Title Bar and Menu Bar turned off). There must be some further context (more rules) in the Reddit thread?
Hat Ihnen das weitergeholfen? 1
Zitieren
oldtraveler 1 Lösungen 8 Antworten
Veröffentlicht

I tried adding my former Title Bar and Menu Bar text to this new text. It still overwrites the bookmarks. I think you are correct that there needs to be some additional text.

I tried adding my former Title Bar and Menu Bar text to this new text. It still overwrites the bookmarks. I think you are correct that there needs to be some additional text.
Hat Ihnen das weitergeholfen?
Zitieren
jscher2000
  • Top 10 Contributor
8790 Lösungen 71883 Antworten
Veröffentlicht

I updated the extract from Aris' "Classic" rule set on my site:

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

I updated the extract from Aris' "Classic" rule set on my site: https://www.userchrome.org/what-is-userchrome-css.html#movetabbar
Hat Ihnen das weitergeholfen? 0
Zitieren
cor-el
  • Top 10 Contributor
  • Moderator
17571 Lösungen 158936 Antworten
Veröffentlicht

Hilfreiche Antwort

See also: *https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar
Hat Ihnen das weitergeholfen? 1
Zitieren
oldtraveler 1 Lösungen 8 Antworten
Veröffentlicht

jscher2000 said

I updated the extract from Aris' "Classic" rule set on my site: https://www.userchrome.org/what-is-userchrome-css.html#movetabbar

You seem to have solved it, but I don't understand what text I should add from the extract.

''jscher2000 [[#answer-1270768|said]]'' <blockquote> I updated the extract from Aris' "Classic" rule set on my site: https://www.userchrome.org/what-is-userchrome-css.html#movetabbar </blockquote> You seem to have solved it, but I don't understand what text I should add from the extract.
Hat Ihnen das weitergeholfen?
Zitieren
oldtraveler 1 Lösungen 8 Antworten
Veröffentlicht

cor-el said

See also:

Putting this text into the userChrome.css file works. Hurrah!

Thank you.

''cor-el [[#answer-1270775|said]]'' <blockquote> See also: *https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar </blockquote> Putting this text into the userChrome.css file works. Hurrah! Thank you.

Geändert am von oldtraveler

Hat Ihnen das weitergeholfen?
Zitieren
rosawood 4 Lösungen 46 Antworten
Veröffentlicht

I added

/* required for Firefox 71+ */ 
#TabsToolbar {
 position: absolute !important; 
 bottom: 0 !important;
 width: 100vw !important; 
 display: block !important; } 

No difference. The tabs are still on top. Then I examined the code, and thought maybe that snip needed to be at the beginning, so I moved it. Still no help.

I'm attaching part of my userChrome.css file, as it does have a lot in it.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* required for Firefox 71+ */ 
#TabsToolbar { position: absolute !important; 
bottom: 0 !important; 
width: 100vw !important; display: block !important; } 

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!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: 33px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
 --tab-min-height: 33px !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;
 background-color: var(--toolbar-bgcolor) !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;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}
I added /* required for Firefox 71+ */ #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; } No difference. The tabs are still on top. Then I examined the code, and thought maybe that snip needed to be at the beginning, so I moved it. Still no help. I'm attaching part of my userChrome.css file, as it does have a lot in it. ------------------------------------------------------------------------------------------------- <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* required for Firefox 71+ */ #TabsToolbar { position: absolute !important; bottom: 0 !important; width: 100vw !important; display: block !important; } /* TABS: on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} #TabsToolbar {-moz-box-ordinal-group:1000!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: 33px !important; /* adjust to suit your needs */ } :root #tabbrowser-tabs { --tab-min-height: 33px !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; background-color: var(--toolbar-bgcolor) !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; } /* hide windows-controls */ #TabsToolbar #window-controls {display:none!important;} /* move caption buttons to right of Tab bar */ #main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; top: calc(6px + var(--tab-min-height)) !important; display: block !important; visibility: visible !important; } #toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}</nowiki></pre>

Geändert am von cor-el

Hat Ihnen das weitergeholfen?
Zitieren
jscher2000
  • Top 10 Contributor
8790 Lösungen 71883 Antworten
Veröffentlicht

Hi rosawood, could you add the contents of the excerpt file to the end your userChrome.css and see whether it works? There are separate links for Windows/Linux and MacOS:

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

Hi rosawood, could you add the contents of the excerpt file to the end your userChrome.css and see whether it works? There are separate links for Windows/Linux and MacOS: https://www.userchrome.org/what-is-userchrome-css.html#movetabbar
Hat Ihnen das weitergeholfen?
Zitieren
rosawood 4 Lösungen 46 Antworten
Veröffentlicht

Added the entire file to the end of my userChrome.css. No change. Tabs still on top.

Added the entire file to the end of my userChrome.css. No change. Tabs still on top.

Geändert am von rosawood

Hat Ihnen das weitergeholfen?
Zitieren
jscher2000
  • Top 10 Contributor
8790 Lösungen 71883 Antworten
Veröffentlicht

Hi rosawood, could you double-check steps 1, 2, and 6 just to make sure everything is where Firefox wants to find it and Firefox is set to look for the file at startup:

https://www.userchrome.org/how-create-userchrome-css.html

Hi rosawood, could you double-check steps 1, 2, and 6 just to make sure everything is where Firefox wants to find it and Firefox is set to look for the file at startup: https://www.userchrome.org/how-create-userchrome-css.html
Hat Ihnen das weitergeholfen?
Zitieren
cor-el
  • Top 10 Contributor
  • Moderator
17571 Lösungen 158936 Antworten
Veröffentlicht

Also make sure the fi8le is in the chrome folder in the "AppData\Roaming" profile location and that the file doesn't have a hidden .css or .txt file extension (userChrome.css.css or userChrome.css.txt).

You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.

Also make sure the fi8le is in the chrome folder in the "AppData\Roaming" profile location and that the file doesn't have a hidden .css or .txt file extension (userChrome.css.css or userChrome.css.txt). You can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the <b>about:profiles</b> page. *Help -> Troubleshooting Information -> Profile Folder/Directory:<br>Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder *https://support.mozilla.org/en-US/kb/Profiles
Hat Ihnen das weitergeholfen?
Zitieren
Stellen Sie eine Frage

Sie müssen sich mit Ihrem Benutzerkonto anmelden, um auf Beiträge zu antworten. Bitte stellen Sie eine neue Frage, wenn Sie noch kein Benutzerkonto haben.