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)
infiniflow · Sep 5, 2024 · 445576e · 445576e
1 parent 04de0c4
commit 445576e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git 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
@@ -5,8 +5,6 @@
   inset-inline-start: 0;
   top: 0;
   bottom: 0;
-  scrollbar-width: thin;
-  scrollbar-color: unset;
 
   .checkGroup {
     width: 100%;