Remove styling from hover state of empty buttons (#135)

elastic · Nov 10, 2017 · 169e106 · 169e106
1 parent 0f1a444
commit 169e106
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
-- Equivalent to `0.0.1`
+- Changed the hover states of `EuiButtonEmpty` to look more like links.
 
 # [`0.0.1`](https://github.com/elastic/eui/tree/v0.0.1) Initial Release
 

diff --git a/src/components/button/button_empty/_button_empty.scss b/src/components/button/button_empty/_button_empty.scss
@@ -1,9 +1,15 @@
+/**
+ * 1. We don't want any of the animations that come inherited from the mixin.
+ *    These should act like normal links instead.
+ */
 .euiButtonEmpty {
   @include euiButton;
 
   border-color: transparent;
   background-color: transparent;
   box-shadow: none;
+  transform: none !important; // 1
+  animation: none !important; // 1
 
   .euiButtonEmpty__content {
     @include euiButtonContent;
@@ -73,11 +79,7 @@ $buttonTypes: (
     }
 
     &:hover {
-      @if ($name == 'text') {
-        background-color: transparent;
-      } @else {
-        background-color: transparentize($color, .9);
-      }
+      background-color: transparent;
 
       @if ($name == 'disabled') {
         cursor: not-allowed;