diff --git a/mods/tweaks/mod.js b/mods/tweaks/mod.js index 6d0d3b4..ae71b68 100644 --- a/mods/tweaks/mod.js +++ b/mods/tweaks/mod.js @@ -80,6 +80,10 @@ module.exports = { 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, }, @@ -96,6 +100,7 @@ module.exports = { '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 f313fe3..218d0e2 100644 --- a/mods/tweaks/styles.css +++ b/mods/tweaks/styles.css @@ -58,4 +58,13 @@ 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 +} + +[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; +}