fix(list-box): update hover active item background color (#7832)

emyarod · tay1orjones · web-flow · commit 36e28af4dcd0 · 2021-02-23T20:34:36.000Z
* fix(list-box): update hover active item background color

* fix(list-box): update active highlighted styles for keyboard controls

Co-authored-by: Taylor Jones &lt;tay1orjones@users.noreply.github.com&gt;
diff --git a/packages/components/src/components/list-box/_list-box.scss b/packages/components/src/components/list-box/_list-box.scss
@@ -749,9 +749,10 @@ $list-box-menu-width: rem(300px);
     border-bottom-color: $selected-light-ui;
   }
 
-  .#{$prefix}--list-box__menu-item--active:hover {
-    background-color: $hover-ui;
-    border-bottom-color: $hover-ui;
+  .#{$prefix}--list-box__menu-item--active:hover,
+  .#{$prefix}--list-box__menu-item--active.#{$prefix}--list-box__menu-item--highlighted {
+    background-color: $hover-selected-ui;
+    border-bottom-color: $hover-selected-ui;
   }
 
   .#{$prefix}--list-box__menu-item--active

Original file line number	Diff line number	Diff line change
`@@ -749,9 +749,10 @@ $list-box-menu-width: rem(300px);`
`749`	`749`	`border-bottom-color: $selected-light-ui;`
`750`	`750`	`}`
`751`	`751`
`752`		`- .#{$prefix}--list-box__menu-item--active:hover {`
`753`		`- background-color: $hover-ui;`
`754`		`- border-bottom-color: $hover-ui;`
	`752`	`+ .#{$prefix}--list-box__menu-item--active:hover,`
	`753`	`+ .#{$prefix}--list-box__menu-item--active.#{$prefix}--list-box__menu-item--highlighted {`
	`754`	`+ background-color: $hover-selected-ui;`
	`755`	`+ border-bottom-color: $hover-selected-ui;`
`755`	`756`	`}`
`756`	`757`
`757`	`758`	`.#{$prefix}--list-box__menu-item--active`