fix(select): in popup, hover and focus background colors are the same

Splaktar · Splaktar · commit d5863b8bc4a3 · 2020-09-20T21:10:54.000-04:00
- use a similar approach to the one used by MDC - the opacity values are slightly different because they use `#000` and we use `rgba(0, 0, 0, 0.87)` Fixes #9851
diff --git a/src/components/select/select-theme.scss b/src/components/select/select-theme.scss
@@ -153,8 +153,10 @@ md-select-menu.md-THEME_NAME-theme {
       }
 
       &:not([disabled]) {
+        &:hover {
+          background-color: '{{background-500-0.10}}'
+        }
         &:focus,
-        &:hover,
         &.md-focused {
           background-color: '{{background-500-0.18}}'
         }

Original file line number	Diff line number	Diff line change
`@@ -153,8 +153,10 @@ md-select-menu.md-THEME_NAME-theme {`
`153`	`153`	`}`
`154`	`154`
`155`	`155`	`&:not([disabled]) {`
	`156`	`+ &:hover {`
	`157`	`+ background-color: '{{background-500-0.10}}'`
	`158`	`+ }`
`156`	`159`	`&:focus,`
`157`		`- &:hover,`
`158`	`160`	`&.md-focused {`
`159`	`161`	`background-color: '{{background-500-0.18}}'`
`160`	`162`	`}`