From 20ce7e748753291a1f6952d8704bddd672705293 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Tue, 12 Oct 2021 01:29:40 +0200
Subject: fix: (#102) ugly scrollbars

---
 components/Sidebar/index.tsx | 70 ++++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 35 deletions(-)

(limited to 'components/Sidebar/index.tsx')

diff --git a/components/Sidebar/index.tsx b/components/Sidebar/index.tsx
index 957669c..0b7c9f2 100644
--- a/components/Sidebar/index.tsx
+++ b/components/Sidebar/index.tsx
@@ -209,41 +209,41 @@ const Sidebar = (props: SidebarProps) => {
               nextPreviewNode,
             }}
           />
-          {/* <Scrollbars
-           *   //autoHeight
-           *   autoHeightMax={600}
-           *   autoHide
-           *   renderThumbVertical={({ style, ...props }) => (
-           *     <Box
-           *       style={{
-           *         ...style,
-           *         borderRadius: 0,
-           *         // backgroundColor: highlightColor,
-           *       }}
-           *       //color="alt.100"
-           *       {...props}
-           *     />
-           *   )}
-           * > */}
-          <VStack flexGrow={1} overflow="scroll" alignItems="left" bg="alt.100" paddingLeft={4}>
-            <TagBar
-              {...{ filter, setFilter, tagColors, setTagColors, openContextMenu, previewNode }}
-            />
-            <Note
-              {...{
-                setPreviewNode,
-                previewNode,
-                nodeById,
-                nodeByCite,
-                setSidebarHighlightedNode,
-                justification,
-                justificationList,
-                linksByNodeId,
-                openContextMenu,
-              }}
-            />
-          </VStack>
-          {/*</Scrollbars>*/}
+          <Scrollbars
+            //autoHeight
+            //autoHeightMax={600}
+            autoHide
+            renderThumbVertical={({ style, ...props }) => (
+              <Box
+                style={{
+                  ...style,
+                  borderRadius: 0,
+                  // backgroundColor: highlightColor,
+                }}
+                //color="alt.100"
+                {...props}
+              />
+            )}
+          >
+            <VStack flexGrow={1} overflowY="scroll" alignItems="left" bg="alt.100" paddingLeft={4}>
+              <TagBar
+                {...{ filter, setFilter, tagColors, setTagColors, openContextMenu, previewNode }}
+              />
+              <Note
+                {...{
+                  setPreviewNode,
+                  previewNode,
+                  nodeById,
+                  nodeByCite,
+                  setSidebarHighlightedNode,
+                  justification,
+                  justificationList,
+                  linksByNodeId,
+                  openContextMenu,
+                }}
+              />
+            </VStack>
+          </Scrollbars>
         </Flex>
       </Resizable>
     </Collapse>
-- 
cgit v1.2.3