(incubator-streampark) branch sync_2.1.3 updated: [Improve] scrollbar style improvements

[benjobs]

This is an automated email from the ASF dual-hosted git repository.

benjobs pushed a commit to branch sync_2.1.3
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git


The following commit(s) were added to refs/heads/sync_2.1.3 by this push:
     new 4c857e047 [Improve] scrollbar style improvements
4c857e047 is described below

commit 4c857e047311af924d7c1832edbaa6f22411ce8e
Author: benjobs <benj...@gmail.com>
AuthorDate: Wed Mar 13 16:21:29 2024 +0800

    [Improve] scrollbar style improvements
---
 .../src/design/public.less                         | 43 +++++++++++++---------
 .../src/locales/lang/zh-CN/menu.ts                 |  2 +-
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/design/public.less 
b/streampark-console/streampark-console-webapp/src/design/public.less
index 05cecb1ae..547c88b53 100644
--- a/streampark-console/streampark-console-webapp/src/design/public.less
+++ b/streampark-console/streampark-console-webapp/src/design/public.less
@@ -3,33 +3,40 @@
   height: 100%;
 }
 
-// =================================
-// ==============scrollbar==========
-// =================================
-
 ::-webkit-scrollbar {
-  width: 7px;
-  height: 8px;
+  width: 8px;
 }
 
-// ::-webkit-scrollbar-track {
-//   background: transparent;
-// }
+::-webkit-scrollbar-corner {
+  background: @component-background;
+}
 
 ::-webkit-scrollbar-track {
-  background-color: rgb(0 0 0 / 5%);
+  border-radius: 0;
+  background-color: fade(@border-color-split, 20%);
 }
 
 ::-webkit-scrollbar-thumb {
-  // background: rgba(0, 0, 0, 0.6);
-  background-color: rgb(144 147 153 / 30%);
-  // background-color: rgba(144, 147, 153, 0.3);
-  border-radius: 2px;
-  box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
+  width: 8px;
+  height: 8px;
+  border-radius: 4px;
+  background: @border-color-split;
+}
+
+::-webkit-scrollbar:horizontal {
+  height: 8px;
+}
+
+::-webkit-scrollbar-thumb:window-inactive {
+  background: transparent;
+}
+
+::-webkit-scrollbar-track:window-inactive {
+  background: transparent;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background-color: @border-color-dark;
+  background: darken(@border-color-split, 10%);
 }
 
 // =================================
@@ -50,7 +57,7 @@
   }
 }
 
-.tip-info {
-  margin-top: 10px;
+.extra .conf-switch {
   color: darkgrey;
+  margin-left: 8px;
 }
diff --git 
a/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/menu.ts 
b/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/menu.ts
index 9ccc42746..45bd9960c 100644
--- 
a/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/menu.ts
+++ 
b/streampark-console/streampark-console-webapp/src/locales/lang/zh-CN/menu.ts
@@ -19,7 +19,7 @@ export default {
     menu: '系统管理',
     user: '用户管理',
     role: '角色管理',
-    token: 'Token 管理',
+    token: '秘钥管理',
     team: '团队管理',
     member: '成员管理',
   },