Update dropdown focus styles

nlhkabu · nlhkabu · commit 6cc2f72c4f8b · 2018-04-18T07:36:44.000+01:00
diff --git a/warehouse/static/sass/blocks/_dropdown.scss b/warehouse/static/sass/blocks/_dropdown.scss
@@ -78,14 +78,15 @@
     text-align: left;
     position: relative;
 
-    &:hover {
-      background-color: $base-grey;
-      color: $text-color;
+    &:hover,
+    &:focus {
+      background-color: mix($white, $primary-color-light, 90%);
+      color: $primary-color-dark;
       text-decoration: none;
     }
 
     &:focus {
-      @include link-focus;
+      border-bottom-color: $primary-color-light;
     }
 
     .fa {
@@ -121,10 +122,15 @@
         text-decoration: none;
       }
 
-      &:hover {
+      &:hover,
+      &:focus {
         background-color: darken($header-background-color, 1.5);
         color: $white;
       }
+
+      &:focus {
+        border-bottom-color: $primary-color-light;
+      }
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -78,14 +78,15 @@`
`78`	`78`	`text-align: left;`
`79`	`79`	`position: relative;`
`80`	`80`
`81`		`- &:hover {`
`82`		`- background-color: $base-grey;`
`83`		`- color: $text-color;`
	`81`	`+ &:hover,`
	`82`	`+ &:focus {`
	`83`	`+ background-color: mix($white, $primary-color-light, 90%);`
	`84`	`+ color: $primary-color-dark;`
`84`	`85`	`text-decoration: none;`
`85`	`86`	`}`
`86`	`87`
`87`	`88`	`&:focus {`
`88`		`- @include link-focus;`
	`89`	`+ border-bottom-color: $primary-color-light;`
`89`	`90`	`}`
`90`	`91`
`91`	`92`	`.fa {`
`@@ -121,10 +122,15 @@`
`121`	`122`	`text-decoration: none;`
`122`	`123`	`}`
`123`	`124`
`124`		`- &:hover {`
	`125`	`+ &:hover,`
	`126`	`+ &:focus {`
`125`	`127`	`background-color: darken($header-background-color, 1.5);`
`126`	`128`	`color: $white;`
`127`	`129`	`}`
	`130`	`+`
	`131`	`+ &:focus {`
	`132`	`+ border-bottom-color: $primary-color-light;`
	`133`	`+ }`
`128`	`134`	`}`
`129`	`135`	`}`
`130`	`136`