禁用 TreeStyleTab 的 firefox 57 UI 元素

Question

我最近每晚从 Firefox 55 升级到 Firefox 58，并且必须更新许多扩展。Treestyletabs 是我真正使用的唯一扩展，它已重新实现为侧边栏面板。不同的是，它现在在顶部有一个巨大的酒吧，如下所示：

用非常大的字母说树样式选项卡。我能够通过添加消除屏幕顶部的选项卡

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

到我的.mozilla/firefox/???/chrome/userChrome.css文件。我想知道是否有类似的方法可以隐藏侧边栏面板标题，同时仍保留侧边栏面板。

Answer 1

mannigfaltig 说：

我添加了一个修改，删除顶部的任何边距：

#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