Merge branch 'prettier-awardable-button-active' into 'master'

Made the awardable buttons prettier when active ## What does this MR do? Made the active and hover state of the award emoji buttons prettier. ## Why was this MR needed? 'cause @JobV wanted them to look nicer 😉 ## What are the relevant issue numbers? Closes #18379 ## Screenshots (if relevant) ![Screen_Shot_2016-06-09_at_09.10.44](/uploads/5ecd0f12679e3484de1ab1d2dbe50cd8/Screen_Shot_2016-06-09_at_09.10.44.png) See merge request !4554

Merge branch 'prettier-awardable-button-active' into 'master'
0adc6d1b · Jacob Schatz · c7eecb4a · e0a90c46 · 0adc6d1b
Commit 0adc6d1b authored Jun 10, 2016 by Jacob Schatz
Hide whitespace changes
Inline Side-by-side

Showing with 9 additions and 1 deletion

awards.scss app/assets/stylesheets/pages/awards.scss +9 -1

No files found.
--- a/app/assets/stylesheets/pages/awards.scss
+++ b/app/assets/stylesheets/pages/awards.scss
@@ -101,13 +101,21 @@
  line-height: 20px;
  outline: 0;

+  &:hover,
  &.active,
  &:active {
-    background-color: $white-dark;
+    background-color: $row-hover;
+    border-color: $row-hover-border;
    box-shadow: none;
    outline: 0;
  }

+  &.btn {
+    &:focus {
+      outline: 0;
+    }
+  }
+
  &.is-loading {
    .award-control-icon-normal,
    .emoji-icon {