feat(scrollbar): hover交互体验优化 (#472)

WeBankFinTech · Sep 25, 2023 · b3d4042 · b3d4042
1 parent 7604458
commit b3d4042
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/components/scrollbar/style/index.less b/components/scrollbar/style/index.less
@@ -57,7 +57,7 @@
         > div {
             width: 100%;
         }
-        &.is-hovering {
+        &:hover, &.is-hovering {
             width: @scrollbar-hover-width;
         }
     }
@@ -67,7 +67,7 @@
         > div {
             height: 100%;
         }
-        &.is-hovering {
+        &:hover, &.is-hovering {
             height: @scrollbar-hover-width;
         }
     }
@@ -81,12 +81,8 @@
         border-radius: var(--f-border-radius-sm);
         cursor: pointer;
         transition: @animation-duration-slow background-color;
-
-        &:hover {
-            background-color: @scrollbar-active-bg;
-        }
     }
-    &.is-hovering {
+    &:hover, &.is-hovering {
         .@{scrollbar-track-cls}-thumb {
             background-color: @scrollbar-active-bg;
             border-radius: var(--f-border-radius-base);