From 264f14504adda3ab50236076ff4afa9dd4e765e8 Mon Sep 17 00:00:00 2001 From: zsmj Date: Thu, 7 Jul 2022 10:52:36 +0800 Subject: [PATCH 1/2] =?UTF-8?q?DESIGN-4216=20feat:=20=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=A2=9C=E8=89=B2,track=E9=80=8F?= =?UTF-8?q?=E6=98=8E,thumb=E9=85=8D=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/less/resource/app.less | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/less/resource/app.less b/src/less/resource/app.less index 4f61322d1..95e316c75 100644 --- a/src/less/resource/app.less +++ b/src/less/resource/app.less @@ -29,6 +29,7 @@ body { div, textarea { scrollbar-color: fade(@scroll-color, 10%) fade(@scroll-color, 5%); scrollbar-width: thin; + &::-webkit-scrollbar { -webkit-appearance: none; width: 10px; @@ -37,10 +38,10 @@ div, textarea { &::-webkit-scrollbar-track { .border-radius(5px); - .background-color(@scroll-color, 5%); + .background-color(@scroll-color, 0%); &:hover { - .background-color(@scroll-color, 5%); + .background-color(@scroll-color, 0%); } } @@ -48,10 +49,10 @@ div, textarea { border: 2px solid transparent; background-clip: padding-box; .border-radius(10px); - .background-color(@scroll-color, 10%); + .background-color(@scroll-color, 7%); &:hover { - .background-color(@scroll-color, 30%); + .background-color(@scroll-color, 19%); } } @@ -63,23 +64,24 @@ div, textarea { .bi-theme-dark { div, textarea { scrollbar-color: fade(@scroll-color-theme-dark, 10%) fade(@scroll-color-theme-dark, 5%); + &::-webkit-scrollbar { -webkit-appearance: none; } &::-webkit-scrollbar-track { - .background-color(@scroll-color-theme-dark, 5%); + .background-color(@scroll-color-theme-dark, 0%); &:hover { - .background-color(@scroll-color-theme-dark, 5%); + .background-color(@scroll-color-theme-dark, 0%); } } &::-webkit-scrollbar-thumb { - .background-color(@scroll-color-theme-dark, 10%); + .background-color(@scroll-color-theme-dark, 7%); &:hover { - .background-color(@scroll-color-theme-dark, 30%); + .background-color(@scroll-color-theme-dark, 19%); } } } From 8abdd2c0b1ede61827e228b35b4cf88e022d52f0 Mon Sep 17 00:00:00 2001 From: zsmj Date: Thu, 7 Jul 2022 12:38:20 +0800 Subject: [PATCH 2/2] =?UTF-8?q?DESIGN-4216=20feat:=20thumb=20hover?= =?UTF-8?q?=E6=97=B6=E5=80=99=E5=8F=98=E5=A4=A7=E4=B8=80=E4=B8=A2=E4=B8=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/less/resource/app.less | 1 + 1 file changed, 1 insertion(+) diff --git a/src/less/resource/app.less b/src/less/resource/app.less index 95e316c75..81adda196 100644 --- a/src/less/resource/app.less +++ b/src/less/resource/app.less @@ -53,6 +53,7 @@ div, textarea { &:hover { .background-color(@scroll-color, 19%); + border: 1px solid transparent; } }