Tab Bar Height - CSS to adjust height

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

Tab Bar Height - CSS to adjust height

Post by charscot »

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: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: Tab Bar Height - CSS to adjust height

Post by morat »

See the "Tab Bar - Reduce Height" section.

userChrome.css by black7375
http://raw.githubusercontent.com/black7 ... Chrome.css
charscot
Posts: 225
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Re: Tab Bar Height - CSS to adjust height

Post by charscot »

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: 225
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Re: Tab Bar Height - CSS to adjust height

Post by charscot »

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: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: Tab Bar Height - CSS to adjust height

Post by morat »

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: 225
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Re: Tab Bar Height - CSS to adjust height

Post by charscot »

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: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: Tab Bar Height - CSS to adjust height

Post by morat »

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: 225
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Re: Tab Bar Height - CSS to adjust height

Post by charscot »

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: 6404
Joined: February 3rd, 2009, 6:29 pm

Re: Tab Bar Height - CSS to adjust height

Post by morat »

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: 225
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Re: Tab Bar Height - CSS to adjust height

Post by charscot »

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

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

Re: Tab Bar Height - CSS to adjust height

Post by morat »

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: 225
Joined: August 14th, 2006, 4:38 pm
Location: London, UK

Re: Tab Bar Height - CSS to adjust height

Post by charscot »

Thanks for trying, appreciate the effort.

Will do that, thanks again for all the advice
Cheers

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

Re: Tab Bar Height - CSS to adjust height

Post by morat »

Post Reply