Firefoxで ツリースタイルタブ を使い始めました。これは、多数のタブがあり、ある程度の整理を追加したい場合に最適なソリューションです。
ブラウザの上部にタブのリストを表示する必要がなくなりました。
ブラウザの上部にあるタブのリストを非表示にすることはできますか?
ネイティブタブを非表示にするには、userChrome.css
という新しいファイルとcssプロパティvisibility: collapse
を追加する必要があります。
これを行うには、FirefoxでMenu -> Help -> Troubleshooting Information
をクリックするか、アドレスバーのabout:support
に移動します。
Application Basics
セクションの下には、Profile Directory
というセクションがあり、Open Directory
へのボタンがあります。
Profile Directory
にchrome
という新しいフォルダーを作成します。 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;
}