diff --git a/mods/tweaks/mod.js b/mods/tweaks/mod.js index c457b2b..e753536 100644 --- a/mods/tweaks/mod.js +++ b/mods/tweaks/mod.js @@ -66,6 +66,27 @@ 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", + }, + { + key: 'scroll_db_toolbars', + label: 'scroll database toolbars', + type: 'toggle', + value: false, + }, ], hacks: { 'renderer/preload.js': (store, __exports) => { @@ -77,6 +98,9 @@ module.exports = { 'thicker_bold', 'spaced_lines', 'hide_help', + 'condensed_bullets', + 'indentation_lines', + 'scroll_db_toolbars' ] .filter((tweak) => store()[tweak]) .map((tweak) => `[${tweak}]`) diff --git a/mods/tweaks/styles.css b/mods/tweaks/styles.css index 856c56a..218d0e2 100644 --- a/mods/tweaks/styles.css +++ b/mods/tweaks/styles.css @@ -46,3 +46,25 @@ --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); +} + +[data-tweaks*='[scroll_db_toolbars]'] .notion-frame > .notion-scroller > [style*="overflow: visible;"], +[data-tweaks*='[scroll_db_toolbars]'] .notion-page-content .notion-collection_view-block > :first-child { + overflow-x: auto !important; +} +[data-tweaks*='[scroll_db_toolbars]'] .notion-frame > .notion-scroller > [style*="overflow: visible;"]::-webkit-scrollbar, +[data-tweaks*='[scroll_db_toolbars]'] .notion-page-content .notion-collection_view-block > :first-child::-webkit-scrollbar { + display: none; +}