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


8

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


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

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

私の.mozilla/firefox/???/chrome/userChrome.cssファイルに。サイドバーパネルを維持したまま、サイドバーパネルのヘッ​​ダーを非表示にするための類似の方法があるかどうかを知りたいです。

回答:


6

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


おかげでこれは完全に機能しましたi.imgur.com/aWTw67f.png
abrahimladha

ここに表示されている垂直方向のスペース設定を減らすと、折りたたんだときにタブが互いに重なってしまいました。機能する設定は、treestyletab wikiにあります
Johnny Baloney 2017年

1

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

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

-2

Stylishにチャンスを与えてください。これは、Webサイトの外観を変更できるプラグイン(FF、Chrome)です。


1
現在利用可能なバージョンがFirefox V57以降で動作するとは思わない。
fixer1234 2017年

現在、StylishのWebExtensionバージョンがありますが、実際にはこれには役立ちません。ページコンテンツのスタイルを変更することを目的としていますが、問題となっているのは、Firefox ブラウザーのクロムを変更することです
Darael

現在、v58.0.2(64ビット)で実行しています
Josem
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.