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!

Avatar for Username

Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Center tab font vertically

  • 3 件の返信
  • 1 人がこの問題に困っています
  • 3 回表示
  • 最後の返信者: 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>
添付されたスクリーンショット

この投稿は cor-el により に変更されました

すべての返信 (3)

noel_envode
noel_envode 質問者
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;
}

この投稿は cor-el により に変更されました

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 質問者
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