fix: 「组件」Transfer组件已选项缺少hover背景色

sqzhou · Dec 6, 2023 · 274bf3b · 274bf3b
1 parent 16d843f
commit 274bf3b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/packages/amis-ui/scss/components/form/_selection.scss b/packages/amis-ui/scss/components/form/_selection.scss
@@ -95,6 +95,10 @@
     &.is-opened {
       color: var(--Form-select-menu-onActive-color);
       background: var(--Form-select-menu-onActive-bg);
+
+      &:hover {
+        background: var(--Form-select-menu-onHover-bg);
+      }
     }
 
     &.is-disabled {

diff --git a/packages/amis-ui/scss/components/form/_transfer.scss b/packages/amis-ui/scss/components/form/_transfer.scss
@@ -197,12 +197,19 @@
 
     &.#{$ns}Tree,
     &.#{$ns}AssociatedSelection {
+
       .#{$ns}Tree-itemLabel.is-checked:hover,
       .#{$ns}Tree-itemLabel:hover {
-        .#{$ns}Tree-itemLabel-item > .#{$ns}Tree-itemText {
-          background-color: unset;
-          &:active {
+        background: var(--Form-select-menu-onHover-bg);
+
+        .#{$ns}Tree-itemLabel-item {
+          background: var(--Form-select-menu-onHover-bg);
+
+          > .#{$ns}Tree-itemText {
             background-color: unset;
+            &:active {
+              background-color: unset;
+            }
           }
         }
       }
@@ -221,6 +228,10 @@
           }
         }
       }
+
+      .#{$ns}Tree-item:hover {
+        background: var(--Form-select-menu-onHover-bg);
+      }
     }
   }