X
Appuyez ici pour vous rendre sur la version mobile du site.

Forum d’assistance

Upgraded to 68.2.0esr and now tab bar and bookmark bar overlap

Publié

My FF was recently updated to 68.2.0esr and now looks horrendous. I have always had and liked my address bar on top, then bookmarks, then tabs. New versions of FF have occasionally had me searching for workarounds as the default arrangement changed. However, I cannot figure out the latest issue which renders FF mostly unusable for me. The bookmark and tab bars now almost completely overlap. I have to create an entire row of blank tabs just click on actual tabs I want in the second row. Sure, I can ctrl+tab my way through, but I don't prefer that method. Also, the bookmark bar is completely useless as is. Plus, everything just looks bad. Any suggestions as to how I can fix this mess?

My FF was recently updated to 68.2.0esr and now looks horrendous. I have always had and liked my address bar on top, then bookmarks, then tabs. New versions of FF have occasionally had me searching for workarounds as the default arrangement changed. However, I cannot figure out the latest issue which renders FF mostly unusable for me. The bookmark and tab bars now almost completely overlap. I have to create an entire row of blank tabs just click on actual tabs I want in the second row. Sure, I can ctrl+tab my way through, but I don't prefer that method. Also, the bookmark bar is completely useless as is. Plus, everything just looks bad. Any suggestions as to how I can fix this mess?
Captures d’écran jointes

Solution choisie

See also this thread for updated userChrome.css code for Firefox 65+ to move the Tab bar to the bottom position.

Lire cette réponse dans son contexte 1
Citation

Détails additionnels sur le système

Plugins installés

  • Shockwave Flash 32.0 r0

Application

  • Agent utilisateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

Plus d’informations

cor-el
  • Top 10 Contributor
  • Moderator
17691 solutions 160067 réponses

Réponse utile

Could be caused by broken code in userChrome.css in case you use this file.

Are you using userChrome.css to modify the position of the Tab bar?

You will have to look for updated code that works with Firefox 68.

Can you post your current code ?

Could be caused by broken code in userChrome.css in case you use this file. Are you using userChrome.css to modify the position of the Tab bar? *https://www.userchrome.org/what-is-userchrome-css.html *https://www.userchrome.org/how-create-userchrome-css.html You will have to look for updated code that works with Firefox 68. Can you post your current code ?
Est-ce que ceci vous a été utile ? 1
Citation

Auteur de la question

Hello, thank you for the reply. Below is my current userChrome.css code. I created this some years ago when FF started moving the various bars around. I also used to use TabMixPlus, but that is no longer compatible with FF. Any suggestions to 1) make FF usable and 2) give me the ideal state of file/location bar at the top, then bookmark bar, then tabs (multirow, uniform size if possible) would be greatly appreciated.

/* 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-tab:not([pinned]) {min-width:35px;max-width:35px;}
.tabbrowser-tab,.tab-background {height:var(--tab-min-height);}
.tab-stack {width: 100%;}
#tabbrowser-tabs .scrollbox-innerbox {display: flex;flex-wrap: wrap;}
#tabbrowser-tabs .arrowscrollbox-scrollbox {overflow: visible;display: block;}
#titlebar,#titlebar-buttonbox{height:var(--tab-min-height) !important;}
#titlebar{margin-bottom:calc(var(--tab-min-height)*-1) !important;}
#main-window[sizemode="maximized"] #titlebar{margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;}
#main-window[sizemode="maximized"] #TabsToolbar{margin-left:var(--tab-min-height);}
#titlebar:active{margin-bottom:0 !important;}
#titlebar:active #titlebar-content{margin-bottom:var(--tab-min-height) !important;}
#tabbrowser-tabs .scrollbutton-up,.tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){display: none;}
Hello, thank you for the reply. Below is my current userChrome.css code. I created this some years ago when FF started moving the various bars around. I also used to use TabMixPlus, but that is no longer compatible with FF. Any suggestions to 1) make FF usable and 2) give me the ideal state of file/location bar at the top, then bookmark bar, then tabs (multirow, uniform size if possible) would be greatly appreciated. <pre><nowiki> /* 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-tab:not([pinned]) {min-width:35px;max-width:35px;} .tabbrowser-tab,.tab-background {height:var(--tab-min-height);} .tab-stack {width: 100%;} #tabbrowser-tabs .scrollbox-innerbox {display: flex;flex-wrap: wrap;} #tabbrowser-tabs .arrowscrollbox-scrollbox {overflow: visible;display: block;} #titlebar,#titlebar-buttonbox{height:var(--tab-min-height) !important;} #titlebar{margin-bottom:calc(var(--tab-min-height)*-1) !important;} #main-window[sizemode="maximized"] #titlebar{margin-bottom:calc(6px + var(--tab-min-height)*-1) !important;} #main-window[sizemode="maximized"] #TabsToolbar{margin-left:var(--tab-min-height);} #titlebar:active{margin-bottom:0 !important;} #titlebar:active #titlebar-content{margin-bottom:var(--tab-min-height) !important;} #tabbrowser-tabs .scrollbutton-up,.tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){display: none;}</nowiki></pre>

Modifié le par cor-el

Est-ce que ceci vous a été utile ?
Citation
jscher2000
  • Top 10 Contributor
8838 solutions 72239 réponses

Hi Not applicable, you could look at the rules from the author of Classic Theme Restorer. I made a couple extracts here for Windows:

Hi Not applicable, you could look at the rules from the author of Classic Theme Restorer. I made a couple extracts here for Windows: * Firefox 70: https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx70.css * Firefox 65: https://www.userchrome.org/samples/userChrome-tabs_on_bottom_Fx65.css
Est-ce que ceci vous a été utile ?
Citation
cor-el
  • Top 10 Contributor
  • Moderator
17691 solutions 160067 réponses

Solution choisie

See also this thread for updated userChrome.css code for Firefox 65+ to move the Tab bar to the bottom position.

See also this thread for updated userChrome.css code for Firefox 65+ to move the Tab bar to the bottom position. *[/questions/1248277#answer-1192325]
Est-ce que ceci vous a été utile ? 1
Citation

Auteur de la question

Many thanks! Finally had a chance to implement the solution and it worked like a charm. Hooray!

Many thanks! Finally had a chance to implement the solution and it worked like a charm. Hooray!
Est-ce que ceci vous a été utile ?
Citation
Poser une question

Vous devez vous identifier avec votre compte pour répondre aux messages. Veuillez poser une nouvelle question, si vous n’avez pas encore de compte.