MozillaZine


Tab Bar Height - CSS to adjust height

User Help for Mozilla Firefox
charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 2nd, 2021, 12:21 am

Hi All

I was wondering if anyone has any css to go into the userChrome to adjust the height of tabs in FF89 ?

I have used compact mode to "fix" the other bar height but it does nothing to fix the tab bar height (which I personally find to be a waste of a lot of screen space). I can probably get used to the floating tabs, and maybe even the rounded aspect of them but the height is just too much in my opinion.

Any css code that will allow the tab bar height to be adjusted would be great thanks as I don't want to simply turn off proton as I imagine that option will disappear sooner or later anyway so better t adjust where possible now.

Thanks
Cheers

Rich

morat
 
Posts: 4768
Joined: February 3rd, 2009, 6:29 pm

Post Posted June 2nd, 2021, 5:34 am

See the "Tab Bar - Reduce Height" section.

userChrome.css by black7375
http://raw.githubusercontent.com/black7 ... Chrome.css

charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 2nd, 2021, 6:45 am

Thanks Morat, for some reason I can't seem to get it to make a difference BUT I have a feeling I may have something else in my userChrome conflicting with it so I will have a proper look this evening and no doubt will find the offending entry and all will be fine.

Many thanks
Cheers

Rich

charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 2nd, 2021, 7:09 am

Thanks Morat, managed to get it to work.

Is there a way to centre the name on the tab rather than having them off to the left ?
Cheers

Rich

morat
 
Posts: 4768
Joined: February 3rd, 2009, 6:29 pm

Post Posted June 2nd, 2021, 7:23 am

The following entry works after I removed the align="start" attribute in the vbox element.

Code: Select all
.tab-label-container {
  -moz-box-align: center !important;
}

I guess the tweak isn't possible using the userChrome.css file.

charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 2nd, 2021, 7:39 am

A shame but thanks anyway.

I am guessing there is no way to move the text to the centre vertically either ?
Cheers

Rich

morat
 
Posts: 4768
Joined: February 3rd, 2009, 6:29 pm

Post Posted June 2nd, 2021, 8:22 pm

It's already centered.

The following entry works after I removed the align="center" attribute in the hbox element.

Code: Select all
.tab-content {
  -moz-box-align: start !important;
}

Reference
http://searchfox.org/mozilla-release/se ... ser-tab.js

charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 2nd, 2021, 8:30 pm

I will need to do some research as the hbox element means nothing to me.

My text isn't centred in either direction (horizontal or vertical) after using the css code to adjust the tab height (if I remove the code for tab bar height then the text is centred vertically, but still not horizontally).

Thanks, will look into the hbox bit.
Cheers

Rich

morat
 
Posts: 4768
Joined: February 3rd, 2009, 6:29 pm

Post Posted June 2nd, 2021, 8:46 pm

hbox means horizontal box
vbox means vertical box

if hbox has align start, then content is on the top
if vbox has align start, then content is on the left

CSS -moz-box-align
http://developer.mozilla.org/docs/Web/CSS/box-align

charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 2nd, 2021, 9:39 pm

Struggling to know where to find the entries to change them ? Sorry, anything outside of the userChrome has me lost !
Cheers

Rich

morat
 
Posts: 4768
Joined: February 3rd, 2009, 6:29 pm

Post Posted June 3rd, 2021, 7:16 am

I tried the "Tab Bar - Reduce Height" section. I guess it isn't centered vertically by a few pixels.

Sorry, I don't know a solution. Try asking the developer.

Firefox UI Fix issues
http://github.com/black7375/Firefox-UI-Fix/issues

charscot
 
Posts: 188
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Post Posted June 3rd, 2021, 8:18 am

Thanks for trying, appreciate the effort.

Will do that, thanks again for all the advice
Cheers

Rich

morat
 
Posts: 4768
Joined: February 3rd, 2009, 6:29 pm

Post Posted June 8th, 2021, 2:22 pm


Return to Firefox Support


Who is online

Users browsing this forum: No registered users and 6 guests