fix(FluidDropdown): update divider styles

carbon-design-system · Sep 28, 2022 · 64b08f4 · 64b08f4
1 parent dfa4e83
commit 64b08f4
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss b/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss
@@ -147,7 +147,7 @@
   // Error + Warning divider
   .#{$prefix}--list-box__wrapper--fluid .#{$prefix}--list-box__divider {
     display: none;
-    transition: border-color $duration-fast-01 motion(standard, productive);
+    transition: background-color $duration-fast-01 motion(standard, productive);
   }
 
   .#{$prefix}--list-box__wrapper--fluid
@@ -157,8 +157,10 @@
     .#{$prefix}--list-box--warning
     ~ .#{$prefix}--list-box__divider {
     display: block;
-    border: 1px solid $border-subtle;
+    height: rem(1px);
+    border: none;
     margin: 0 1rem;
+    background-color: $border-subtle;
   }
 
   .#{$prefix}--list-box__wrapper--fluid
@@ -167,7 +169,7 @@
   .#{$prefix}--list-box__wrapper--fluid
     .#{$prefix}--list-box--warning:hover
     ~ .#{$prefix}--list-box__divider {
-    border-color: transparent;
+    background-color: transparent;
   }
 
   // direction - top