如何多层显示标签页

yuiaa · 2023 年10 月 25 日 03:30

如图，标签多的时候挤在一起，不好点选。好久之前好像是有插件或者css可以实现，分开多层显示，但找不到了。有知道的吗？

PlayerMiller · 2023 年10 月 25 日 04:02

堆叠标签页命令能满足你的需求么。

效果

20231025_114824

Azona77 · 2023 年10 月 25 日 04:54

可以把pin按钮禁用

/* 标签页固定按钮隐藏 */
.workspace-tab-header-status-icon.mod-pinned {
  /* 隐藏 */
  /* display: none; */
  /* 取消点击事件 */
  pointer-events: none;
}

或者用Ctrl+Tab、Ctrl+Shift+Tab切换

yuiaa · 2023 年10 月 25 日 05:01

这种堆叠不是我想要的效果，因为它会压缩其他页面的空间

yuiaa · 2023 年10 月 25 日 05:04

感谢，确实解决了点选的痛点。但还是没解决标签页多时显示文件名的问题。

Azona77 · 2023 年10 月 25 日 06:44

还有个vretical tab view的插件

PlayerMiller · 2023 年10 月 25 日 11:00

带滚动条的解决方案要吗。

效果展示，点击展开

20231025_185225

嫌不好看可以参照这个实例写美化：

CSS 代码

.workspace-tab-header-inner-title {
  overflow: overlay !important; /*显示横向滑动条*/
  text-overflow: clip !important; /*文件名不换行完整显示*/
}
/*下面两个是考虑到关闭按钮、Pin按钮在页签宽度较小时会影响阅读标题，请根据情况选用*/
.workspace-tab-header-inner-close-button /*标签页关闭按钮*/ {
  display: none !important; /*隐藏*/
  pointer-events: none !important; /*取消点击事件*/
}
.workspace-tab-header-status-icon.mod-pinned /*标签页固定按钮*/ {
  display: none; /*隐藏*/
  pointer-events: none; /*取消点击事件*/
}