From 590d4d9595e5c5a580f4a7aae6c863d54dcc8327 Mon Sep 17 00:00:00 2001
From: Ryo Hilmawan <54142180+CloudHill@users.noreply.github.com>
Date: Tue, 3 Nov 2020 18:39:54 +0700
Subject: [PATCH] New tweak: Scroll Database Toolbars (#198)

* Update mod.js

Added an option for scroll database toolbars

* Update styles.css

Added styling for scroll database toolbars
---
 mods/tweaks/mod.js     |  7 +++++++
 mods/tweaks/styles.css | 10 ++++++++++
 2 files changed, 17 insertions(+)

diff --git a/mods/tweaks/mod.js b/mods/tweaks/mod.js
index c457b2b..b150d88 100644
--- a/mods/tweaks/mod.js
+++ b/mods/tweaks/mod.js
@@ -66,6 +66,12 @@ module.exports = {
       type: 'toggle',
       value: false,
     },
+    {
+      key: 'scroll_db_toolbars',
+      label: 'scroll database toolbars',
+      type: 'toggle',
+      value: false,
+    },
   ],
   hacks: {
     'renderer/preload.js': (store, __exports) => {
@@ -77,6 +83,7 @@ module.exports = {
           'thicker_bold',
           'spaced_lines',
           'hide_help',
+          'scroll_db_toolbars',
         ]
           .filter((tweak) => store()[tweak])
           .map((tweak) => `[${tweak}]`)
diff --git a/mods/tweaks/styles.css b/mods/tweaks/styles.css
index 856c56a..a8574e3 100644
--- a/mods/tweaks/styles.css
+++ b/mods/tweaks/styles.css
@@ -46,3 +46,13 @@
   --theme_light--text-block_line-height: 1.65;
   --theme_light--text-block_margin-top: 0.75em;
 }
+
+[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;
+}