☰

TreeStyleTab の Firefox 57 UI の要素を無効にする

tag-icon • tag-icon firefox firefox-extensions tree-view firefox-57
TreeStyleTab の Firefox 57 UI の要素を無効にする

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


非常に大きな文字でツリースタイルのタブと書かれています。画面上部のタブをなくすために、

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

私のファイルに追加します.mozilla/firefox/???/chrome/userChrome.css。サイドバー パネルを保持したまま、サイドバー パネル ヘッダーを非表示にする方法がないか知りたいです。

答え1

mannigfaltig 氏は次のように述べた。

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

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

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

次に、ハンバーガー メニュー > カスタマイズに移動し、左下にある「タイトル バー」をチェックします。すると、FF 56 とほぼ同じように見えます。

また、アドオン設定 (一番下、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

答え2

直接的な回答ではないかもしれませんが、提案です。すべてのサブセクションにフォアグラウンドに移動するショートカットがあるわけではないので、このセクションを完全に無効にする必要はありません。代わりに、この CSS を使用して~/.mozilla/firefox/???/chrome/userChrome.css縮小することができます。

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

答え3

チャンスを与えるスタイリッシュこれは、任意の Web サイトの外観を変更できるプラグイン (FF、Chrome) です。

関連情報