web-dev-qa-db-ja.com

Firefoxの上部にあるネイティブタブを非表示にできますか?

Firefoxで ツリースタイルタブ を使い始めました。これは、多数のタブがあり、ある程度の整理を追加したい場合に最適なソリューションです。

ブラウザの上部にタブのリストを表示する必要がなくなりました。

ブラウザの上部にあるタブのリストを非表示にすることはできますか?

13
Cauder

ネイティブタブを非表示にするには、userChrome.cssという新しいファイルとcssプロパティvisibility: collapseを追加する必要があります。

これを行うには、FirefoxでMenu -> Help -> Troubleshooting Informationをクリックするか、アドレスバーのabout:supportに移動します。

Application Basicsセクションの下には、Profile Directoryというセクションがあり、Open Directoryへのボタンがあります。

Profile Directorychromeという新しいフォルダーを作成します。 chromeフォルダーで、ファイルuserChrome.cssが既に存在する場合は作成または編集します。

userChrome.cssの内容は次のようになります。

/* hides the native tabs */
#TabsToolbar {
  visibility: collapse;
}

userChrome.cssに追加するオプションの追加変更は次のとおりです。

/* hides the title bar */
#titlebar {
  visibility: collapse;
}

/* hides the sidebar */
#sidebar-header {
  visibility: collapse !important;
} 

Xilin Sun が使用する構成は次のとおりです。

/* hides the native tabs */
#TabsToolbar {
  visibility: collapse;
}
/* leaves space for the window buttons */
#nav-bar {
    margin-top: -8px;
    margin-right: 74px;
    margin-bottom: -4px;
}

これらを試して、あなたが最もよく見えると思うものを見てください。

コメントであなたの質問に答えるために、あなたはこのオプションをより好むかもしれません。可視性を使用してみましたが、ホバーで非常に派手で震えました。

/* Option 1 */
#TabsToolbar {
    opacity: 0.0;
}

#TabsToolbar:hover {
    opacity: 1.0;
}

/* Option 2 */
#TabsToolbar {
    visibility: collapse;
}

#navigator-toolbox:hover #TabsToolbar {
    visibility: visible;
}
12
DrZoo