diff --git a/repo/indentation-lines/client.css b/repo/indentation-lines/client.css index 5f0f0c6..c7ab6b5 100644 --- a/repo/indentation-lines/client.css +++ b/repo/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/repo/indentation-lines/client.mjs b/repo/indentation-lines/client.mjs index 26440e5..865b119 100644 --- a/repo/indentation-lines/client.mjs +++ b/repo/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/repo/indentation-lines/mod.json b/repo/indentation-lines/mod.json index 61ab0be..33a82d9 100644 --- a/repo/indentation-lines/mod.json +++ b/repo/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",