From d45348c47faf1e125085de1d9135082a84f8a10e Mon Sep 17 00:00:00 2001 From: amv146 Date: Tue, 8 Feb 2022 17:52:34 -0800 Subject: [PATCH] toggle header support added --- indentation-lines/client.css | 10 +++++++++- indentation-lines/client.mjs | 16 +++++++++++++++- indentation-lines/mod.json | 6 ++++++ 3 files changed, 30 insertions(+), 2 deletions(-) diff --git a/indentation-lines/client.css b/indentation-lines/client.css index 5f0f0c6..c7ab6b5 100644 --- a/indentation-lines/client.css +++ b/indentation-lines/client.css @@ -9,6 +9,9 @@ .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; } @@ -16,7 +19,11 @@ .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 index 26440e5..865b119 100644 --- 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 index 61ab0be..33a82d9 100644 --- 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",