☰

禁用 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

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

答案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），使您能够修改任何网站的外观。

相关内容