为TreeStyleTab禁用firefox 57 UI的元素

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

用非常大的字母说“树样式”标签。通过添加，我可以消除屏幕顶部的标签

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

到我的.mozilla/firefox/???/chrome/userChrome.css文件。我想知道是否可以做一些类似的事情来隐藏边栏面板标题，同时仍然保留边栏面板。

曼尼格法蒂格说：

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

#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

这可能不是直接的答案，而是一个建议。您不必完全禁用此部分，而并非所有子部分都具有将其置于前台的快捷方式。相反，您可以使用此CSS ~/.mozilla/firefox/???/chrome/userChrome.css缩小它。

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

给一个机会，时尚的它是一个插件（FF，铬），使您可以修改任何网站的外观。