From 8ff7fa588a729fb3ad7bbc0ef2c2f699d1139257 Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Sat, 31 Oct 2020 22:45:00 +0100
Subject: [PATCH] =?UTF-8?q?=E6=81=A2=E5=A4=8Del-table=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/style.scss       |  4 ++--
 src/assets/scss/theme/dark.scss  | 13 +++++++++++++
 src/assets/scss/theme/green.scss | 12 ++++++++++++
 src/assets/scss/theme/light.scss | 12 ++++++++++++
 src/assets/scss/theme/pink.scss  | 12 ++++++++++++
 5 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index e4c25df..3146a10 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -272,7 +272,7 @@
         height: 100%;
         width: 100%;
         &::-webkit-scrollbar{
-          width: 10px;
+          width: 5px;
           height: 1px;
         }
         &::-webkit-scrollbar-thumb {
@@ -280,7 +280,7 @@
           position: absolute;
         }
         &::-webkit-scrollbar-track {
-         border-radius: 10px;
+          border-radius: 10px;
           position: absolute;
         }
       }
diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss
index a660b8e..3b1a9df 100644
--- a/src/assets/scss/theme/dark.scss
+++ b/src/assets/scss/theme/dark.scss
@@ -334,6 +334,7 @@
     background-color: var(--d-bgc-1);
     box-shadow: var(--d-bsc);
   }
+
   // Page of list using table and picture
   .listpage{
     color: var(--d-fc-2);
@@ -378,6 +379,18 @@
           color: var(--d-fc-1);
           background-color: var(--d-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--d-bsc-scroll);
+              background: var(--d-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--d-bsc-scroll);
+              background: var(--d-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--d-bgc-2);
diff --git a/src/assets/scss/theme/green.scss b/src/assets/scss/theme/green.scss
index 120cfc6..0943d8c 100644
--- a/src/assets/scss/theme/green.scss
+++ b/src/assets/scss/theme/green.scss
@@ -374,6 +374,18 @@
           color: var(--g-fc-1);
           background-color: var(--g-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--g-bsc-scroll);
+              background: var(--g-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--g-bsc-scroll);
+              background: var(--g-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--g-bgc-2);
diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss
index 967484a..2eea58d 100644
--- a/src/assets/scss/theme/light.scss
+++ b/src/assets/scss/theme/light.scss
@@ -374,6 +374,18 @@
           color: var(--l-fc-1);
           background-color: var(--l-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--l-bsc-scroll);
+              background: var(--l-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--l-bsc-scroll);
+              background: var(--l-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--l-bgc-2);
diff --git a/src/assets/scss/theme/pink.scss b/src/assets/scss/theme/pink.scss
index 1e60825..c58192f 100644
--- a/src/assets/scss/theme/pink.scss
+++ b/src/assets/scss/theme/pink.scss
@@ -373,6 +373,18 @@
           color: var(--p-fc-1);
           background-color: var(--p-bgc-1);
         }
+        .el-table__body-wrapper{
+          &:hover{
+            &::-webkit-scrollbar-thumb {
+              box-shadow: var(--p-bsc-scroll);
+              background: var(--p-c-5);
+            }
+            &::-webkit-scrollbar-track {
+              box-shadow: var(--p-bsc-scroll);
+              background: var(--p-bgc-1);
+            }
+          }
+        }
        .el-input{
           input{
             background-color: var(--p-bgc-2);