我已经开始在 VS Code 中使用“APC Customize UI++”扩展,并一直在尝试 CSS 样式,但我正在努力让我的侧边栏变得漂亮和简约。我已经设法隐藏侧边栏的标题,但它似乎将内容向上移动以填充标题所在的空间,这留下了令人讨厌的空白区域。
我的 VS Code 有以下样式表:
"apc.stylesheet": {
".titlebar-right": "display: none !important", // Removes panel layout icons
".sidebar > .composite": "display: none !important", // Removes sidebar title
".tabs-and-actions-container > .editor-actions": "display: none !important", // Removes sidebar editor actions
},
如果我的解释不够充分,请参考图1。
我尝试了不同的
justify-content
、填充等。我已经用尽了我的 CSS 知识。我尝试过比较带有 CSS 和不带有 CSS 的 HTML,但没有区别,所以我很困惑。
如果有 CSS 和/或 APC 扩展经验的人,可以建议我使用一些 CSS 来删除侧边栏选项卡的空白,以扩展整个侧边栏而不是仅其一部分。
尝试:
"apc.stylesheet": {
".sidebar > .composite": "opacity: 0" },
然后要垂直移动侧边栏,您可以使用:
"apc.stylesheet": {
".sidebar > .composite": "opacity: 0; margin-top: -10px" },