APC自定义UI++CSS定制

Question

我已经开始在 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 来删除侧边栏选项卡的空白，以扩展整个侧边栏而不是仅其一部分。

Answer 1

尝试：

"apc.stylesheet": {
    ".sidebar > .composite": "opacity: 0" },

然后要垂直移动侧边栏，您可以使用：

"apc.stylesheet": {

    ".sidebar > .composite": "opacity: 0; margin-top: -10px" },