From a36f4ced00ded599426c8073d97d671199ef2a5a Mon Sep 17 00:00:00 2001
From: Johnson Cherian <johnsonc.dev@gmail.com>
Date: Fri, 19 Apr 2024 13:18:49 +0530
Subject: [PATCH] fix: Update scroll bar styling for components (#8819)

* fix: display list and container scrollbar only on hover

* Correction in Postgrest version

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
---
 frontend/src/_styles/theme.scss | 55 ++++++++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 1ab2a54466..c0be74ddb3 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -12737,6 +12737,59 @@ tbody {
   }
 }
 
+.canvas-container {
+  scrollbar-color: transparent;
+  scrollbar-width: thin;
+  &::-webkit-scrollbar {
+    background-color: transparent;
+    width: 6px;
+    scrollbar-width: thin;
+  }
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+    scrollbar-width: thin;
+  }
+  &::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+  &:hover{
+    scrollbar-color: #6a727c4d;
+    &::-webkit-scrollbar-thumb {
+      background-color: #6a727c4d !important;
+    }
+  }
+}
+
+.jet-listview {
+  &:hover{
+    scrollbar-color: #6a727c4d;
+    &::-webkit-scrollbar-thumb {
+      background-color: #6a727c4d !important;
+    }
+  }
+}
+
+.dark-theme {
+  .canvas-container {
+    &:hover {
+      scrollbar-color: #6a727c4d;
+
+      &::-webkit-scrollbar-thumb {
+        background-color: #6a727c4d !important;
+      }
+    }
+  }
+
+  .jet-listview {
+    &:hover {
+      scrollbar-color: #6a727c4d;
+
+      &::-webkit-scrollbar-thumb {
+        background-color: #6a727c4d !important;
+      }
+    }
+  }
+}
 .number-input-arrow {
   &:hover {
     background-color: var(--interactive-overlays-fill-hover) !important;
@@ -12745,4 +12798,4 @@ tbody {
   &:active {
     background-color: var(--interactive-overlays-fill-pressed) !important;
   }
-}
\ No newline at end of file
+}