deal with focus issues

nikgraf · nikgraf · commit 6429619d20a6 · 2016-03-15T15:24:33.000-07:00
diff --git a/site/components/UnicornEditor/styles.css b/site/components/UnicornEditor/styles.css
@@ -31,6 +31,18 @@
   background-color: #fff;
 }
 
+.stateButton:focus {
+  outline: 0; /* reset for :focus */
+}
+
+.stateButton:hover {
+  background: #f3f3f3;
+}
+
+.stateButton:active {
+  background: #e6e6e6;
+}
+
 .pressedStateButton {
   composes: stateButton;
   background-color: #ededed;
diff --git a/src/stickerPlugin/StickerSelect/StickerOption/styles.css b/src/stickerPlugin/StickerSelect/StickerOption/styles.css
@@ -4,8 +4,9 @@
   background: #fff;
 }
 
-.root:hover {
+.root:hover, .root:focus {
   background: #efefef;
+  outline: 0; /* reset for :focus */
 }
 
 .root:active {
diff --git a/src/stickerPlugin/StickerSelect/styles.css b/src/stickerPlugin/StickerSelect/styles.css
@@ -32,6 +32,18 @@
   padding-right: 18px;
 }
 
+.button:focus {
+  outline: 0; /* reset for :focus */
+}
+
+.button:hover {
+  background: #f3f3f3;
+}
+
+.button:active {
+  background: #e6e6e6;
+}
+
 .pressedButton {
   composes: button;
   background: #ededed;
