文章/答案/技术大牛

发布

社区首页 >问答首页 >VSCode隐藏右上角图标

问VSCode隐藏右上角图标
EN

Stack Overflow用户

提问于 2017-11-13 14:26:27

回答 8查看 8.7K关注 0票数 42

我非常喜欢VScode的极简主义方法，但有一件事困扰着我。我想隐藏编辑标签图标。

图标来自扩展：git-lens & hexdump for VScode。此外，拆分编辑器图标将是很好的隐藏。

visual-studio-code

vscode-settings

回答 8

Stack Overflow用户

回答已采纳

发布于 2017-11-13 14:59:34

扩展自定义CSS和JS Loader

.tabs-and-actions-container .editor-actions {
    display: none !important;
}

可选地，在悬停时显示它们：

.tabs-and-actions-container:hover .editor-actions {
    display: flex !important;
}

票数 21

Stack Overflow用户

发布于 2019-11-05 16:30:17

我也面临着同样的问题，亚历克斯的回答对我帮助很大(只显示图标)。

但是我仍然有一个问题，特别是当我在一个小窗口中编码时：

假设我想使用制表符栏打开文件"styles.css“：

一旦鼠标进入选项卡区域，菜单就会显示出来(因为悬停技巧)，我无法单击选项卡，因为它位于图标下面：

所以我想出了一个主意：

显示当悬停E 211时，下面的图标条，下面的选项卡(而不是超过选项卡)

结果如下：

我就是这样做的：

.tabs-and-actions-container .editor-actions {
    display: none !important;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 1;
    background-color: #2D2D2D;
}
.tabs-and-actions-container:hover .editor-actions {
    display: flex !important;
}
.title.tabs.show-file-icons {
    overflow: unset !important;
}

票数 20

Stack Overflow用户

发布于 2021-10-31 17:09:42

我将Vincent和mozlingyu的答案组合到另一种解决方案中:不要隐藏按钮，而是将它们向下移动到面包屑栏：

这是使用具有以下配置的自定义UI扩展完成的：

"customizeUI.stylesheet": {
    ".tabs-and-actions-container": {
        "background-color": "inherit",
    },
    ".tabs-and-actions-container .editor-actions": {
        "position": "absolute",
        "top": "100%",
        "right": "0px",
        "height": "22px !important",
        "z-index": "1",
        "background-color": "inherit",
    },
    ".tabs-and-actions-container .editor-actions .action-item": {
        "margin-right": "3px !important",
    },
    ".tabs-and-actions-container .editor-actions .action-item a": {
        "font-size": "13px",
    },
    ".tabs-and-actions-container .editor-actions .action-item .codicon": {
        "width": "13px",
        "height": "13px",
    },
    ".tabs-and-actions-container .tab:last-child": {
        "margin-right": "0 !important",
    },
    ".title.tabs.show-file-icons": {
        "overflow": "unset !important",
    },
}

这个解决方案是主题独立的，所以它应该适用于所有的颜色组合。按钮的背景色总是与选项卡栏的背景色相同。如果只使用一个静态主题，则可以将用于background-color选择器的.tabs-and-actions-container .editor-actions硬编码到面包屑条的确切颜色，以便进行更无缝的设计。但是，在切换主题时，这是不起作用的。

该解决方案的唯一缺点是按钮溢出了最右边的面包屑信息，但我对此没有意见。

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47266613

复制

相似问题

问VSCode隐藏右上角图标
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问VSCode隐藏右上角图标EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问VSCode隐藏右上角图标
EN