We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Modify tab height with userChrome.css

  • 4 réponses
  • 2 ont ce problème
  • 1 vue
  • Dernière réponse par Andreas992

more options

I droppep my userChrome.css to a folder named /chrome in my thunderbird folder, to change the default height of the tabs using this css code:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tabbrowser-tabs *|tab {

   font-size: 20px !important;
   height:    50px !important;
   min-width: 8px !important  }

But nothing change. Instead on my Firefox, it works perfectly changing right the tab height.

Any suggestion?

I droppep my userChrome.css to a folder named /chrome in my thunderbird folder, to change the default height of the tabs using this css code: ****************** @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .tabbrowser-tabs *|tab { font-size: 20px !important; height: 50px !important; min-width: 8px !important } ****************** But nothing change. Instead on my Firefox, it works perfectly changing right the tab height. Any suggestion?

Solution choisie

Yes it should be chrome/userChrome.css just as in Firefox, but the selection wasn't based on the element's ID, but on its class, so it should be the following, :

.tabmail-tabs *|tab {

 font-size: 20px !important;
 height:    50px !important;
 min-width: 8px !important

}

Lire cette réponse dans son contexte 👍 1

Toutes les réponses (4)

more options

In TB the element isn't called tabbrowser-tabs, but tabcontainer instead, so try it with:

.tabcontainer *|tab {

 font-size: 20px !important;
 height:    50px !important;
 min-width: 8px !important

}

more options

Not working too :-(

It's right to have the userChrome.css in the /chrome folder, like in FF ?

more options

Solution choisie

Yes it should be chrome/userChrome.css just as in Firefox, but the selection wasn't based on the element's ID, but on its class, so it should be the following, :

.tabmail-tabs *|tab {

 font-size: 20px !important;
 height:    50px !important;
 min-width: 8px !important

}

more options

It works! :-)

Thanks a lot, you really saved my day (I lost half a day to find how to reduce these tabs in TB)

I think that should be in some Official FAQ for TB.

Thank you!