tabs on bottom
I used the chrome solution for tabs on bottom. This did move the tabs to the bottom, but they no longer show the tab text title, only the icon and a blank space. Firefox 65 and Windows 10
All Replies (4)
See this answer: https://support.mozilla.org/en-US/questions/1248277#answer-1192325
Forgive me, but I accidentily posted this in that list too. But that is not my problem. My tabs are on the bottom, just blank
I did not realise that you had started a separate thread for this issue.
Please see my response in the other thread.
The behaviour appears depending upon the custom userChrome.css that you copied. The cause is the setting of the background colour for the box in which the tabs sit being the same as the foreground colour of the inactive tab text.
You can override the text colour of the inactive tabs by adding "color: grey !important;" (or whatever colour you prefer) to the #TabsToolbar section of your custom userChrome.css:
#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;
color: grey !important; }
This should work for you; it is the version of userChrome.css that you have.
You can also use this code for that section:
#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
You may end up with a background colour in the tabs box that you do not like, with the second snippet. However, on machines that have the entire userChrome.css from which that snippet originates, everything follows my preferred system preferences, nicely.
If those code changes do not work for you, I suggest that you try different userChrome.css files (there are at least three linked from the linked thread) until you find one that you like.
Good luck!