From bfb0375e84882ab7d31b1326290adbdc53c31a21 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Sat, 22 Oct 2022 01:52:42 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=A6=E4=B9=A0=E8=AE=BE=E7=BD=AE=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/web/car_dealer/css/todo-list/to-list.css | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/code/web/car_dealer/css/todo-list/to-list.css b/code/web/car_dealer/css/todo-list/to-list.css
index 93fc4c7..8d06810 100644
--- a/code/web/car_dealer/css/todo-list/to-list.css
+++ b/code/web/car_dealer/css/todo-list/to-list.css
@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-21 16:39:27
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-22 01:23:49
+ * @LastEditTime: 2022-10-22 01:49:12
  * @FilePath: \car_dealer\css\todo-list\to-list.css
  * @Description: 用于待办事项页面的css！
  * 
@@ -21,6 +21,9 @@ html {
 
     --light-shadow: #cfcfcf;
     --dark-shadow: #afafaf;
+
+    --scrollbar-backupground-color: #cfcfcf7f;
+    --scrollbar-track-color: #f7f7f700;
 }
 
 .border {
@@ -70,24 +73,26 @@ hr {
 .border > .todo_list {
     margin-top: 1rem;
     height: 12.2rem;
-    overflow-y: auto;
+    overflow-y: overlay;
 }
 
 .todo_list::-webkit-scrollbar {
     width: 10px;
-    height: 100px;
+    /* height: 100px; */
 }
 
-.todo_list::-webkit-scrollbar-thumb {
+.todo_list:hover::-webkit-scrollbar-thumb {
     border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-    background: #535353;
+    -webkit-box-shadow: inset 0 0 5px var(--scrollbar-track-color);
+    box-shadow: 0 0 5px var(--scrollbar-track-color);
+    background: var(--scrollbar-backupground-color);
 }
 
-.todo_list::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 5px var(--backupground-color);
-    border-radius: 10px;
-    background: #ededed;
+.todo_list:hover::-webkit-scrollbar-track {
+    /* -webkit-box-shadow: inset 0 0 5px var(--scrollbar-backupground-color);
+    box-shadow: 0 0 5px var(--scrollbar-backupground-color);
+    border-radius: 10px; */
+    background: var(--scrollbar-track-color);
 }
 
 .border > .todo_list > * + * {