From b24dbc2f501651d2baf3a40f5d082f7ed4eea23f Mon Sep 17 00:00:00 2001
From: Joshua Ogle <joshua@joshuaogle.com>
Date: Thu, 24 May 2018 11:12:06 -0600
Subject: [PATCH] Update styles for list row hover

---
 ui/app/styles/components/linked-block.scss          | 8 +++-----
 ui/app/styles/core/menu.scss                        | 6 +++---
 ui/app/templates/vault/cluster/secrets/backends.hbs | 2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/ui/app/styles/components/linked-block.scss b/ui/app/styles/components/linked-block.scss
index dfa6d7c8d..8f6af8fe0 100644
--- a/ui/app/styles/components/linked-block.scss
+++ b/ui/app/styles/components/linked-block.scss
@@ -1,13 +1,11 @@
 .linked-block {
   cursor: pointer;
+  transition: box-shadow $speed;
   &:hover,
-  &:focus {
-    position: relative;
-    box-shadow: $box-link-hover-shadow;
-  }
+  &:focus,
   &:active {
     position: relative;
-    box-shadow: $box-link-active-shadow;
+    box-shadow: $box-link-hover-shadow, $box-shadow-middle;
   }
 }
 
diff --git a/ui/app/styles/core/menu.scss b/ui/app/styles/core/menu.scss
index 81fb5de04..f970ade36 100644
--- a/ui/app/styles/core/menu.scss
+++ b/ui/app/styles/core/menu.scss
@@ -1,11 +1,11 @@
-.column .menu-list  a {
+.column .menu-list a {
   border-radius: 0;
   border-right: 0 solid transparent;
   font-weight: $font-weight-semibold;
 
   &:hover,
   &.is-active {
-    color: $menu-item-hover-background-color;
-    background-color: $menu-item-active-color;
+    color: $menu-item-active-color;
+    background-color: $menu-item-active-background-color;
   }
 }
diff --git a/ui/app/templates/vault/cluster/secrets/backends.hbs b/ui/app/templates/vault/cluster/secrets/backends.hbs
index 78c7a1ce8..e112cceba 100644
--- a/ui/app/templates/vault/cluster/secrets/backends.hbs
+++ b/ui/app/templates/vault/cluster/secrets/backends.hbs
@@ -18,7 +18,7 @@
   {{#linked-block
     "vault.cluster.secrets.backend.list-root"
     backend.id
-    class="box is-sideless is-marginless has-pointer"
+    class="box is-marginless has-pointer"
     data-test-secret-backend-row=backend.id
   }}
     <div class="level is-mobile">