如何减少 VS Code 中选项卡手柄的高度?

The*_*ser 8 css visual-studio-code

借助扩展,您可以更改 VS Code 的样式。

我想将 filetabs 的高度减少到 20px。我正在使用这样的东西:

.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;
}
Run Code Online (Sandbox Code Playgroud)

它可以很好地减少标签的高度。但是,我现在底部有一个栏,无法删除: 编辑器底部新栏的插图

编辑:箭头指向白色区域。不在状态栏。

所以我想知道:

  • 如何去除白条?
  • 或者
  • 如何正确设置选项卡高度?

akh*_*hid 0

这是删除下面状态栏的方法。

脚步

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

2 - 选择设置

3 - 搜索栏中的搜索状态

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

演示