fix: fixed hover on multiselect (#17944)

* fix: fixed hover on multiselect * yarn format * Update _tag.scss * fix: fixed colors and hover * Update _list-box.scss
carbon-design-system · Nov 19, 2024 · 5b3ad47 · 5b3ad47
1 parent 28bf266
commit 5b3ad47
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/packages/styles/scss/components/list-box/_list-box.scss b/packages/styles/scss/components/list-box/_list-box.scss
@@ -99,6 +99,10 @@ $list-box-menu-width: convert.to-rem(300px);
     }
   }
 
+  .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly.#{$prefix}--list-box {
+    cursor: default;
+  }
+
   .#{$prefix}--list-box--lg {
     block-size: convert.to-rem(48px);
     max-block-size: convert.to-rem(48px);

diff --git a/packages/styles/scss/components/multiselect/_multiselect.scss b/packages/styles/scss/components/multiselect/_multiselect.scss
@@ -201,7 +201,7 @@
 
   .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly
     .#{$prefix}--tag--filter {
-    box-shadow: 0 0 0 1px $background-inverse;
+    box-shadow: 0 0 0 1px $border-subtle;
   }
 
   .#{$prefix}--multi-select.#{$prefix}--multi-select--readonly

diff --git a/packages/styles/scss/components/tag/_tag.scss b/packages/styles/scss/components/tag/_tag.scss
@@ -246,6 +246,14 @@
     );
   }
 
+  .#{$prefix}--multi-select--readonly
+    .#{$prefix}--tag--high-contrast:not(.#{$prefix}--tag--operational)
+    .#{$prefix}--tag__close-icon {
+    &:hover {
+      background-color: transparent;
+    }
+  }
+
   .#{$prefix}--tag--outline:not(.#{$prefix}--tag--operational):not(span):not(
       [disabled]
     ) {