css - 更改 VSCode 样式 : Properly reduce the Height of tabs

Question

在 this 的帮助下扩展，您可以更改 vscode 的样式。
我想将文件标签的高度降低到 20 像素。我正在使用这样的东西:

.editor-group-container{
    background-color: purple;
    max-height: 0px;
}

.editor-group-container-toolbar{
    background-color: lightblue;
    max-height: 20px;
    line-height: 20px;
    height: 20px;
    padding:0px;margin:0px;
}
.editor-container{
    background-color: lightgreen;
}

.title{
    background-color: lightblue;
    max-height: 20px;
    line-height: 20px;
    height: 20px;
}    

.primary-action-bar{
    background-color: orangered;
    max-height: 20px;
    line-height: 20px;
    height: 20px;
}

.monaco-action-bar .action-label{
    background-color: rgb(154, 165, 7);
    max-height: 20px;
    padding:0px;margin:0px;
    line-height: 20px;
    height: 20px;
}  

.title-label{
    line-height: 20px;
    height: 20px;
}

.tabs-and-actions-container{
    background-color: rgb(167, 108, 0);
    max-height: 20px;
    line-height: 20px;
    height: 20px;
}

.tab{
    background-color: rgb(166, 94, 168);
    max-height: 20px;
}

它可以很好地降低选项卡的高度。但是，我现在底部有一个栏，无法删除:

编辑:箭头指向白色区域。不在状态栏。
所以我想知道:

如何去除白条？

或

如何正确设置标签高度？

Answer 1

这是您可以删除状态栏下方的方法。

步骤

1 - 单击左下 Angular 的设置图标。

2 - 选择设置

3 - 搜索栏中的搜索状态

4 - 然后取消选中第一个并检查。