webdevqa.jp.net

TreeStyleTabのFirefox57UIの要素を無効にします

最近、Firefox55からFirefox58に毎晩アップグレードしましたが、多くの拡張機能を更新する必要があります。 Treestyletabsは、私が実際に使用する唯一の拡張機能であり、サイドバーパネルとして再実装されています。違いは、上部に次のような巨大なバーがあることです。


本当に大きな文字で言うツリースタイルタブ。追加することで、画面上部のタブを削除することができました

#tabbrowser-tabs { visibility: collapse !important; }

わたしの .mozilla/firefox/???/chrome/userChrome.cssファイル。サイドバーパネルを維持したまま、サイドバーパネルヘッダーを非表示にするために同様のことができるかどうかを知りたいです。

8
abrahimladha

mannigfaltigは言った:

上部の余白を削除する変更を追加しました。

#TabsToolbar, #sidebar-header {
  visibility: collapse !important;
}

#TabsToolbar {
  margin-bottom: -21px !important;
}

次に、ハンバーガーメニュー>カスタマイズに移動し、左下の「タイトルバー」をチェックします。それからそれはFF56のようにほとんど見えます。

また、アドオン設定(userChrome.cssではなく下部にある)のTSTのスタイルを変更して、タブが垂直方向のスペースをあまり占有しないようにし、ボックスを閉じるボタンを非表示にしました(マウスオーバーイベントでのみ表示):

.closebox {
  display: none
}

.tab:hover .closebox {
  display: block;
}

.tab {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tabさらにきつい:

.tab .icon {
  padding-top: 2px; /* reducing it by 2px */
  padding-bottom: 2px;
}

:root {
  --tab-height: 22px; /* reducing it by 4px */
}

https://news.ycombinator.com/item?id=15342379

6
dbasch

それは直接の答えではなく、提案かもしれません。すべてのサブセクションにそれらを前面に表示するためのショートカットがあるわけではありませんが、このセクションを完全に無効にする必要はありません。代わりに、このcssを~/.mozilla/firefox/???/chrome/userChrome.cssで使用して縮小できます。

.sidebar-header,
#sidebar-header {
  font-size: 1em !important;
  font-weight: normal !important;
  padding: 0px !important;
}
1
Arsinux