Use more efficient selectors

PatrickDeVries · Nov 17, 2023 · 40a1ae8 · 40a1ae8
1 parent 52ba69f
commit 40a1ae8
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -27,7 +27,7 @@ const onSettingsChange = () => {
     ${Array.from(
       { length: maxDepth },
       (_, i) => `
-      ${Array.from({ length: i + 1 }, () => '.block-children').join(' ')}-left-border::after {
+      .ls-block[level="${i + 1}"] .block-children-left-border::after {
         background-color: var(--block-thread-color-level-${(i % colors.length) + 1});
       }
   `,
@@ -37,11 +37,11 @@ const onSettingsChange = () => {
   const threadColorString = Array.from(
     { length: maxDepth },
     (_, i) => `
-    ${Array.from({ length: i + 1 }, () => '.block-children').join(' ')} {
+    .ls-block[level="${i + 1}"] .block-children {
       border-left-color: var(--block-thread-color-level-${(i % colors.length) + 1});
     }
 
-    ${Array.from({ length: i + 1 }, () => '.block-children').join(' ')}-left-border::after {
+    .ls-block[level="${i + 1}"] .block-children-left-border::after {
       background-color: var(--block-thread-color-level-${(i % colors.length) + 1});
     }
 `,