From 445576ec88e569be570f1c8deff339cfc8c8618e Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Thu, 5 Sep 2024 14:47:48 +0800
Subject: [PATCH] feat: Set the global scroll bar style #2247 (#2265)

### What problem does this PR solve?

feat: Set the global scroll bar style #2247
### Type of change


- [x] New Feature (non-breaking change which adds functionality)
---
 web/src/global.less             | 22 ++++++++++++++++++++++
 web/src/pages/search/index.less |  2 --
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/web/src/global.less b/web/src/global.less
index d5e17323c99..c95fdb0bdd9 100644
--- a/web/src/global.less
+++ b/web/src/global.less
@@ -17,3 +17,25 @@ body {
 .ant-app {
   height: 100%;
 }
+
+/* Scroll bar stylings */
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: rgb(219, 218, 218);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: #aaaaaa;
+  border-radius: 5px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #888;
+}
diff --git a/web/src/pages/search/index.less b/web/src/pages/search/index.less
index d92494e4683..31d0f1f4fd8 100644
--- a/web/src/pages/search/index.less
+++ b/web/src/pages/search/index.less
@@ -5,8 +5,6 @@
   inset-inline-start: 0;
   top: 0;
   bottom: 0;
-  scrollbar-width: thin;
-  scrollbar-color: unset;
 
   .checkGroup {
     width: 100%;