☰

停用 TreeStyleTab 的 firefox 57 UI 元素

tag-icon • tag-icon firefox firefox-extensions tree-view firefox-57
停用 TreeStyleTab 的 firefox 57 UI 元素

我最近從 Firefox 55 升級到 Firefox 58 nightly，許多擴充功能都需要更新。 Treestyletabs 是我真正使用的唯一擴展，它已重新實現為側邊欄面板。不同之處在於它現在在頂部有一個巨大的欄，如下所示：


用非常大的字母說“樹樣式選項卡”。我能夠透過添加來消除螢幕頂部的選項卡

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

到我的.mozilla/firefox/???/chrome/userChrome.css文件。我想知道是否可以做類似的事情來隱藏側邊欄面板標題，同時仍然保留側邊欄面板。

答案1

曼尼格法蒂格 說：

我新增了一項修改，刪除了頂部的任何邊距：

#TabsToolbar, #sidebar-header {
  visibility: collapse !important;
}

#TabsToolbar {
  margin-bottom: -21px !important;
}

然後轉到漢堡選單>自訂並選中左下角的“標題列”。那麼它看起來很像FF 56。

我還在附加設定中更改了 TST 的樣式（一直在底部；不在 userChrome.css 中），以便選項卡不會佔用太多的垂直空間並隱藏關閉框按鈕（並且僅在滑鼠懸停事件上顯示） ：

.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

答案2

這可能不是直接答案，而是建議。您不必完全停用此部分，因為並非所有子部分都有將它們帶到前台的捷徑。相反，您可以使用此 css 來~/.mozilla/firefox/???/chrome/userChrome.css縮小它。

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

答案3

給一個機會時髦的它是一個插件（FF、Chrome），使您能夠修改任何網站的外觀。

相關內容