タブバーをブラウザ最下部に移動するやつ

2023-05-18
113に対応

最下部へ移動する

:root {
  --tab-min-height: 36px;
}
#main-window:not([inFullscreen]) #browser,
#main-window:not([inFullscreen]) #customization-container{
  margin-bottom: calc(var(--tab-min-height) + var(--tab-block-margin) + var(--tab-block-margin)) !important;
}
#TabsToolbar > .toolbar-items {
  width: 100vw !important;
}
.titlebar-spacer {
  width: 0 !important;
}
#TabsToolbar > .toolbar-items {
  display: unset !important;
  position: fixed !important;
  bottom: 0 !important;
  min-height: var(--tab-min-height) !important;
  padding: 0 !important;
  z-index: 1000000000 !important;
}
/*フルスクリーン時は隠しておく*/
#main-window[inFullscreen] #TabsToolbar > .toolbar-items {
  background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
}
#main-window[inFullscreen] #TabsToolbar > .toolbar-items:not(:hover) {
  height: 1px !important;
  opacity: 0 !important;
}
更新履歴
2023-05-18
113に対応
2021-06-03
89に対応
2020-08-14
背景色
2020-08-07
公開

プロフィール

豆腐

最新記事

最新コメント

カテゴリ

月別アーカイブ