From 1c8eeb01c9ff7417a5039c6b3855baea79d445d8 Mon Sep 17 00:00:00 2001 From: Antonio Scandurra Date: Fri, 5 Aug 2022 16:34:26 +0200 Subject: [PATCH] Make project panel more compact This ensures more deeply-nested entries can be displayed without needing to show scrollbars. Adding scrollbars introduces UX issues when creating/renaming files because there are two scroll layers: the outer project panel AND the editor. Sublime Text and Atom dodged this issue by not displaying an inline editor and showing it as a modal instead. VS Code shows the editor inline but has a much more compact visualization. I think we should copy VS Code. --- styles/src/styleTree/projectPanel.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/src/styleTree/projectPanel.ts b/styles/src/styleTree/projectPanel.ts index 26f88c6784111bcf1a0b2f33aa44a4d07baaf71a..7add861fa64fcabf8956b9949b988ab72823600d 100644 --- a/styles/src/styleTree/projectPanel.ts +++ b/styles/src/styleTree/projectPanel.ts @@ -6,7 +6,7 @@ export default function projectPanel(theme: Theme) { return { ...panel, padding: { left: 12, right: 12, top: 6, bottom: 6 }, - indentWidth: 20, + indentWidth: 8, entry: { height: 24, iconColor: iconColor(theme, "muted"),