Join the Mozilla’s Test Days event from 9–15 Jan to test the new Firefox address bar on Firefox Beta 135 and get a chance to win Mozilla swag vouchers! 🎁

Avatar for Username

Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Saber mais

Esta discussão foi arquivada. Se precisar de ajuda, por favor, coloque uma nova questão.

Center tab font vertically

  • 3 respostas
  • 1 tem este problema
  • 1 visualização
  • Última resposta por noel_envode

noel_envode
noel_envode
more options

I found this post at https://support.mozilla.org/en-US/questions/1185760

and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters 

/* Tab bar: adjust height */
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar, 
#TabsToolbar .tabbrowser-tab[selected] {
  height: 19px !important; /* 29px compact, 33px normal, YMMV */
  min-height: 19px !important;
  max-height: 19px !important;
}
I found this post at https://support.mozilla.org/en-US/questions/1185760 and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters <pre><nowiki>/* Tab bar: adjust height */ /* Squash tab bar to 4px unless a tab is hovered */ #TabsToolbar, #TabsToolbar .tabbrowser-tab[selected] { height: 19px !important; /* 29px compact, 33px normal, YMMV */ min-height: 19px !important; max-height: 19px !important; }</nowiki></pre>
Capturas de ecrã anexadas

Modificado por cor-el a

Todas as respostas (3)

noel_envode
noel_envode Proprietário da pergunta
more options 
/* Tab bar: adjust height */ 
#TabsToolbar .tabbrowser-tab[selected] {
  height: 19px !important; /* 29px compact, 33px normal, YMMV */
  min-height: 19px !important;
  max-height: 19px !important;
}

Modificado por cor-el a

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can add some padding to move up the text one or more pixels. 

#TabsToolbar .tabbrowser-tab .tab-label {
  padding-bottom: 1px !important;
}
noel_envode
noel_envode Proprietário da pergunta
more options

cor-el said

You can add some padding to move up the text one or more pixels. 
#TabsToolbar .tabbrowser-tab .tab-label {
  padding-bottom: 1px !important;
}

I tried altering the number, but it had no effect