diff --git a/mods/tweaks/mod.js b/mods/tweaks/mod.js index c457b2b..6d0d3b4 100644 --- a/mods/tweaks/mod.js +++ b/mods/tweaks/mod.js @@ -66,6 +66,23 @@ module.exports = { type: 'toggle', value: false, }, + { + key: 'condensed_bullets', + label: 'condense bullet points', + desc: + "makes bullet point blocks closer together and have tighter line spacing", + type: 'toggle', + value: false, + }, + { + key: 'indentation_lines', + label: 'indentation lines for bullets', + desc: + "adds vertical indentation/relationship lines to make bullet trees\ + easier to follow", + type: 'toggle', + value: false, + }, ], hacks: { 'renderer/preload.js': (store, __exports) => { @@ -77,6 +94,8 @@ module.exports = { 'thicker_bold', 'spaced_lines', 'hide_help', + 'condensed_bullets', + 'indentation_lines' ] .filter((tweak) => store()[tweak]) .map((tweak) => `[${tweak}]`) diff --git a/mods/tweaks/styles.css b/mods/tweaks/styles.css index 856c56a..f313fe3 100644 --- a/mods/tweaks/styles.css +++ b/mods/tweaks/styles.css @@ -46,3 +46,16 @@ --theme_light--text-block_line-height: 1.65; --theme_light--text-block_margin-top: 0.75em; } + +[data-tweaks*='[condensed_bullets]'] + .notion-selectable.notion-bulleted_list-block { + line-height: 1.1 !important; + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; +} + +[data-tweaks*='[indentation_lines]'] + div.notion-selectable.notion-bulleted_list-block + > div > div > div.notion-selectable.notion-bulleted_list-block { + border-left: 1px dashed var(--theme--text_ui_info); +} \ No newline at end of file