From 6d4c97a1b717a2a1f813c7b3405f293704f96f96 Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@freewheel.tv>
Date: Mon, 19 Apr 2021 23:00:43 +0800
Subject: [PATCH] fix: resizer should not scroll with the container

---
 src/main/frontend/components/right_sidebar.cljs | 2 +-
 src/main/frontend/components/sidebar.css        | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/main/frontend/components/right_sidebar.cljs b/src/main/frontend/components/right_sidebar.cljs
index 96da23aba21..d3fcef7bc71 100644
--- a/src/main/frontend/components/right_sidebar.cljs
+++ b/src/main/frontend/components/right_sidebar.cljs
@@ -267,7 +267,7 @@
          [:div.cp__right-sidebar-inner.flex.flex-col.h-full#right-sidebar-container
 
           (sidebar-resizer)
-          [:div
+          [:div.cp__right-sidebar-scollable
            [:div.cp__right-sidebar-topbar.flex.flex-row.justify-between.items-center.px-4.h-12
            [:div.cp__right-sidebar-settings.hide-scrollbar {:key "right-sidebar-settings"}
             [:div.ml-4.text-sm
diff --git a/src/main/frontend/components/sidebar.css b/src/main/frontend/components/sidebar.css
index fc6b6333c87..9cb9312182d 100644
--- a/src/main/frontend/components/sidebar.css
+++ b/src/main/frontend/components/sidebar.css
@@ -113,15 +113,14 @@
     width: var(--ls-right-sidebar-width);
   }
 
-  &::-webkit-scrollbar {
-    display: none;
+  &-scollable {
+    min-height: 100%;
+    overflow-y: scroll;
   }
 
   &-inner {
     padding-top: 0;
     position: relative;
-    min-height: 100%;
-    overflow-y: scroll;
 
     .resizer {
       position: absolute;