Merge pull request #1020 from webcompat/focus-button

Mike Taylor · Mike Taylor · commit 7c30d0cff9b5 · 2016-04-27T15:27:08.000-05:00
Issue #1006 - fixed focus button
diff --git a/webcompat/static/css/development/components/button.css b/webcompat/static/css/development/components/button.css
@@ -60,15 +60,17 @@
     border: solid 4px var(--Button-defaultColor);
   }
 
-  .wc-Button--default:hover:not(.is-disabled) {
+  .wc-Button--default:hover:not(.is-disabled),
+  .wc-Button--default:focus:not(.is-disabled) {
     background-color: var(--Button-defaultColorHover);
   }
 
   .wc-Button--action {
     border: solid 4px var(--Button-actionColor);
   }
 
-  .wc-Button--action:hover:not(.is-disabled) {
+  .wc-Button--action:hover:not(.is-disabled),
+  .wc-Button--action:focus:not(.is-disabled) {
     background-color: var(--Button-actionColorHover);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -60,15 +60,17 @@`
`60`	`60`	`border: solid 4px var(--Button-defaultColor);`
`61`	`61`	`}`
`62`	`62`
`63`		`- .wc-Button--default:hover:not(.is-disabled) {`
	`63`	`+ .wc-Button--default:hover:not(.is-disabled),`
	`64`	`+ .wc-Button--default:focus:not(.is-disabled) {`
`64`	`65`	`background-color: var(--Button-defaultColorHover);`
`65`	`66`	`}`
`66`	`67`
`67`	`68`	`.wc-Button--action {`
`68`	`69`	`border: solid 4px var(--Button-actionColor);`
`69`	`70`	`}`
`70`	`71`
`71`		`- .wc-Button--action:hover:not(.is-disabled) {`
	`72`	`+ .wc-Button--action:hover:not(.is-disabled),`
	`73`	`+ .wc-Button--action:focus:not(.is-disabled) {`
`72`	`74`	`background-color: var(--Button-actionColorHover);`
`73`	`75`	`}`
`74`	`76`