wrap scene text (#239)

kevboh · Jan 27, 2024 · a8b63cf · a8b63cf
1 parent f734458
commit a8b63cf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/view/explorer/SceneList.svelte b/src/view/explorer/SceneList.svelte
@@ -357,7 +357,7 @@
     >
       <div
         class="scene-container{item.hidden ? ' hidden' : ''}"
-        style="margin-left: {item.indent * 32}px;"
+        style="padding-left: calc({item.indent} * var(--longform-explorer-indent-size));"
         class:selected={$activeFile && $activeFile.path === item.path}
         on:contextmenu|preventDefault={onContext}
         data-scene-path={item.path}
@@ -466,7 +466,7 @@
     color: var(--text-muted);
     font-size: 1em;
     line-height: 1.1em;
-    white-space: nowrap;
+    white-space: normal;
     padding: var(--size-2-1) 0;
   }
 
@@ -496,7 +496,7 @@
   }
 
   .longform-scene-number::after {
-    content: ":";
+    content: ".";
   }
 
   #longform-unknown-files-wizard {

diff --git a/styles.css b/styles.css
@@ -1,5 +1,6 @@
 :root {
   --longform-explorer-font-size: var(--font-ui-medium);
+  --longform-explorer-indent-size: 2em;
 }
 
 .longform-settings-user-steps {
@@ -15,4 +16,4 @@
 .longform-settings-user-step-id {
   margin-left: var(--size-4-2);
   color: var(--text-muted);
-}
+}