X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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?
Attached screenshots

Chosen solution

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

Read this answer in context 1
Quote

Additional System Details

Installed Plug-ins

  • Shockwave Flash 32.0 r0

Application

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

More Information

cor-el
  • Top 10 Contributor
  • Moderator
17575 solutions 158975 answers

Helpful Reply

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 ?
Was this helpful to you? 1
Quote

Question owner

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>

Modified by cor-el

Was this helpful to you?
Quote
jscher2000
  • Top 10 Contributor
8792 solutions 71903 answers

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
Was this helpful to you?
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17575 solutions 158975 answers

Chosen Solution

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]
Was this helpful to you? 1
Quote

Question owner

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!
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.