toggle header support added

notion-enhancer · Feb 9, 2022 · d45348c · d45348c
1 parent 81213ca
commit d45348c
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 2 deletions.
diff --git a/indentation-lines/client.css b/indentation-lines/client.css
@@ -9,14 +9,21 @@
 .notion-page-content .notion-numbered_list-block > div > div:last-child,
 .notion-page-content .notion-to_do-block > div > div:last-child,
 .notion-page-content .notion-toggle-block > div > div:last-child,
+.notion-page-content .notion-selectable.notion-sub_header-block > div > div > div:last-child,
+.notion-page-content .notion-selectable.notion-sub_sub_header-block > div > div > div:last-child,
+.notion-page-content .notion-selectable.notion-sub_sub_sub_header-block > div > div > div:last-child,
 .notion-page-content .notion-table_of_contents-block > div > div > a > div > div {
   position: relative;
 }
 
 .notion-page-content .notion-bulleted_list-block > div > div:last-child::before,
 .notion-page-content .notion-numbered_list-block > div > div:last-child::before,
 .notion-page-content .notion-to_do-block > div > div:last-child::before,
-.notion-page-content .notion-toggle-block > div > div:last-child::before {
+.notion-page-content .notion-toggle-block > div > div:last-child::before,
+.notion-page-content .notion-selectable.notion-sub_header-block > div > div > div:last-child::before,
+.notion-page-content .notion-selectable.notion-sub_sub_header-block > div > div > div:last-child::before,
+.notion-page-content .notion-selectable.notion-sub_sub_sub_header-block > div > div > div:last-child::before,
+.notion-page-content .pseudoSelection > div > div:last-child::before {
   content: '';
   position: absolute;
   height: calc(100% - 2em);
@@ -93,3 +100,4 @@
   > .plus:hover {
   background: var(--theme--ui_interactive-hover) !important;
 }
+
diff --git a/indentation-lines/client.mjs b/indentation-lines/client.mjs
@@ -48,7 +48,21 @@ export default async function ({ web }, db) {
       }
     }
   }
-
+  if (await db.get(['toggle_header'])) {
+    css += `
+      .notion-page-content .notion-selectable.notion-sub_sub_header-block > div > div > div:last-child::before {
+        border-left: 1px ${style} var(--indentation_lines--color, currentColor);
+        opacity: ${opacity};
+      }
+      .notion-page-content .notion-selectable.notion-sub_header-block > div > div > div:last-child::before {
+        border-left: 1px ${style} var(--indentation_lines--color, currentColor);
+        opacity: ${opacity};
+      }
+      .notion-page-content .notion-selectable.notion-sub_sub_sub_header-block > div > div > div:last-child::before {
+        border-left: 1px ${style} var(--indentation_lines--color, currentColor);
+        opacity: ${opacity};
+      }`;
+  }
   if (db.get(['table_of_contents'])) {
     css += `
       .notion-page-content .notion-table_of_contents-block > div > div > a > div

diff --git a/indentation-lines/mod.json b/indentation-lines/mod.json
@@ -50,6 +50,12 @@
       "label": "toggle lists",
       "value": true
     },
+    {
+      "type": "toggle",
+      "key": "toggle_header",
+      "label": "toggle headers",
+      "value": true
+    },
     {
       "type": "toggle",
       "key": "table_of_contents",