MozillaZine


Moving the "tab bar" to the bottom of the PAGE

User Help for Mozilla Firefox
videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 8th, 2021, 1:57 pm

NOT, "below" the address bar like 90% of the other threads that don't know the difference between the terms "bottom" and "below" as in below the address bar. :roll:

In FF v70, using this script, I managed to get the "tabs" to move to the bottom of the page, but NOT the "tab bar". Basically making matters worse since you can barely see the area where the reduced width (by 1/3) tab area is;
#TabsToolbar {
position: fixed;
bottom: -0.5em;
width: 100%;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em; }

#TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

The result is this;
Image

As opposed to this (in v56 via TabMix Plus) which is what it should be if Mozilla didn't change things and removing the option to place it where it's been for 20 years ! :evil:
ImageImage
Note the width of the 'correct' tabs in the bar, vs the 'translucent squares' in v70
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

jscher2000

User avatar
 
Posts: 11154
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA

Post Posted February 8th, 2021, 4:57 pm


videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 11th, 2021, 3:33 pm

Thanks for all of that, but I have questions since most of that is well above my 'pay' grade. :?

Of the six files, the 1st (mile long) and the 2nd; 'tabs_below_navigation_toolbar" which isn't a issue since I can do that now.
The 3rd thru the 6th, 'tabs_below_main_content_fx__' seems to be what I'm looking for but of those 4 versions, none are for v70 which I would like to stick with, at least for now since, other than the location of the tab bar, it's not really 'broken', it works on the web sites v56 doesn't.

I see the note in each of files 2-6 that they need, what appears to be the 1st file (355 lines). If so, do I copy/paste the entire 355 line file to a text file saving it as a .css extension?
Then, how about those last four, do I try one at a time and see what happens?? :-k
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

Benjamin Markson

User avatar
 
Posts: 393
Joined: November 19th, 2011, 3:57 am
Location: en-GB

Post Posted February 12th, 2021, 7:19 am

videobruce wrote:In FF v70, using this script, I managed to get the "tabs" to move to the bottom of the page, but NOT the "tab bar". Basically making matters worse since you can barely see the area where the reduced width (by 1/3) tab area is;
Code: Select all
#TabsToolbar {
  position: fixed;
  bottom: -0.5em;
  width: 100%;
  }

Looking at your #TabsToolbar section, I currently (FF85) have this:
Code: Select all
#TabsToolbar
{
   position: fixed !important;
   bottom: 26px !important;
   width: 100% !important;
   border-bottom: 1px solid rgb(160, 160, 160) !important;
   background-color:  rgb(212, 208, 200) !important;
   display: block !important;
}

I seem to vaguely remember that the display: block thing was the last change I made. Anyway, my tabs sit down the bottom and are displayed correctly - full disclosure: I very rarely use newer versions of Firefox any more.

Ben.
XUL is dead. Long live the Google Chrome Clones.

videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 12th, 2021, 7:50 am

What is/does this "display:block" suppose to do?

Anyway, is what I had in my last post correct as to add these files to the 'Chrome" folder??


OT, I see your 'sig', this incredibly huge (for this type of program) 'XUL' file, is that the 'core' (for lack of a better term) of a Mozilla browser now?
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

dickvl

User avatar
 
Posts: 53275
Joined: July 18th, 2005, 3:25 am

Post Posted February 12th, 2021, 8:49 am

Does this work properly in all cases (i.e. also if you open that much tabs that you see scroll buttons and the list all tabs button) and in full screen mode and if you hide toolbars like the title bar and menu bar?

videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 12th, 2021, 9:45 am

At this point I would almost settle for the tab bar itself and tabs I can read.

Well I C&P those 1st 3 files to the 'Chrome' folder and nada, nothing, zip. No effect. :cry: (I did rename the extension of the existing file so not to conflict)

Is all that text suppose to be in one file?
Can this 'Chrome' folder only have 1 file?

I don't see anything on any of this anywhere. Seems to be a "assumption virus" around. :roll:
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

jscher2000

User avatar
 
Posts: 11154
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA

Post Posted February 12th, 2021, 10:56 am

Look at Aris' userChrome.css file. This file incorporates other files by reference (with their original names, in a subfolder) depending on which @import statements you un-comment. That is how they were designed to be used if you don't want to combine them into a file yourself.

https://github.com/Aris-t2/CustomCSSfor ... er/classic

videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 12th, 2021, 4:54 pm

[quote="jscher2000" depending on which @import statements you un-comment./quote] No idea what that is suppose to mean.
I don't want to re-invert the wheel. Just get the tab bar where it has been for decades, nothing more, nothing fancy.

Is only 1 file suppose to be in that chrome folder called userChrome.css and does it have to have that name?
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

jscher2000

User avatar
 
Posts: 11154
Joined: December 19th, 2004, 12:26 am
Location: Silicon Valley, CA USA

Post Posted February 12th, 2021, 10:42 pm

Firefox only looks for userChrome.css and userContent.css. So your userChrome.css file contains @import statements that pull in other files by reference. I have more information about this here: https://www.userchrome.org/adding-style-recipes-userchrome-css.html

videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 23rd, 2021, 5:51 am

The best I got was similar to what I posted above, but the tab widths were correct, but still no 'background' for the 'bar' translucent, that are hard to read.

I took a closer look at the existing so-called 'bar' (which is really isn't) and even 'below' the address bar (which is a 'bar', these screwed up abortion is translucent there also. So, the now question is what has to be added or changed to actual have a 'solid' bar background so one can actually read it?
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

videobruce
 
Posts: 284
Joined: March 25th, 2006, 11:38 am
Location: New York State

Post Posted February 23rd, 2021, 5:57 am

BTW, one doesn't have to look far to see the misuse of the terms "bottom" and "below" in the same thread.
It's right here in this forum :roll:
Browsers that don't have a Menu bar and don't place the tab bar below the content (where it's been for 25 years) are poorly designed. Period. Don't 'fix' something that isn't broke!

Return to Firefox Support


Who is online

Users browsing this forum: Google [Bot] and 3 guests