VSCode:修改固定选项卡-要么使字体变小，要么增加选项卡宽度

Question

我正在与自定义CSS加载器工作，这是所有的设置。

我可以为VSCode修改CSS并进行更改。但是，由于某些原因，我唯一不能更改的是选项卡中的文本。

我可以改变图标的大小，当我只是字体大小的标签。但它对文本大小没有影响。

我试着增加选项卡的宽度，但是没有。

我只能猜. .tab容器和.tab做了什么。

以下是我想要改变的：

​

下面是我在VSCode问题中从某人的建议中窃取的CSS代码：

:root {
    --size-reduction: 12px;
}

.monaco-shell {
  font-family: "JetBrains Mono", "Monoco", monospace;
}

.tabs-container .tab,
.tabs-container .monaco-icon-label,
.tabs-container .monaco-icon-label::before,
.tabs-and-actions-container .editor-actions {
    height: unset !important;
}

.monaco-workbench .tabs-container .tab * {
  font-size: 0.5em;
  width: 100px;
}

.editor-instance > .monaco-editor,
.editor-instance > .monaco-editor .overflow-guard,
.editor-instance > .monaco-editor .monaco-scrollable-element {
    height: 100% !important;
}

.editor-instance,
.editor-instance > .settings-editor .settings-toc-wrapper,
.editor-instance > .settings-editor .settings-editor-tree {
    height: calc(100% + var(--size-reduction)) !important;
}

.editor-instance > .settings-editor {
    height: calc(100% - var(--size-reduction)) !important;
}

请有人把每个元素(.tab、..tab容器等)分解一下好吗？或者指给我找一个能把一切都搞砸的线人？

另外，如果我在选项卡内调整字体大小，为什么标签的字体没有缩小？

我的固定标签尺寸设置为“收缩”。我试着改变它从契约和诺曼，没有区别字体尺寸。

我的正常字体是"Jetbrains Mono“的编辑器。

Answer 1

承认这个答案没有回答我最初的问题“改变缩钉标签的宽度或字体大小”。

但没有使用css-自定义加载和摆弄粘胶的css，我发现了一个更优雅的解决方案使用的UI设置。

​

​

需要注意的三个设置：

Normal

• Workbench >编辑器:显示选项卡checked

• Workbench >编辑器:选项卡大小shrink

现在，我将钉8到10个标签一次。因此，这将适合良好和整洁的工作空间。

如果我有30个固定标签，我不知道它是否会显示出足够的影响。