タブバーを下段に移動させる

2023-04-17
113

上から、タイトルバー、メニューバー、ツールバー、タブバーの順で常時表示させたい
それ以外は知らない

タブバーを下段に移動させる.css

:root {
  --menubar-height: 22px;
}
:root[inFullscreen]:not([macOSNativeFullscreen]) toolbar:not([fullscreentoolbar="true"]) {
  visibility: visible !important;
}
#titlebar {
  order: 2 !important;
}
#main-window:not([chromehidden="menubar toolbar location directories status extrachrome "]) #navigator-toolbox {
  padding-top: var(--menubar-height) !important;
}
/*フルスクリーン時コンテンツ領域に被る*/
#main-window:not([chromehidden="menubar toolbar location directories status extrachrome "]) #navigator-toolbox[inFullscreen][style*="margin-top:"] #toolbar-menubar {
  display: none !important;
}
#main-window:not([chromehidden="menubar toolbar location directories status extrachrome "]) #toolbar-menubar{
  position: absolute !important;
  display: flex !important;
  top: 0 !important;
  height: var(--menubar-height) !important;
  width: 100vw !important;
}

cssがまた駄目になった時用に

css書いたけどまたすぐ使えなくなりそうなのでuserChrome.jsで切り貼りしてみた。
多分色んな不具合あるだろうけど知らない。

document.getElementById("navigator-toolbox").appendChild(document.getElementById("TabsToolbar")); 
更新履歴
2023-04-17
113
2021-06-08
フルスクリーン時メニューバーが消えてた
2021-06-04
微修正
2021-05-05
公開

プロフィール

豆腐

最新記事

最新コメント

カテゴリ

月別アーカイブ