Update styles for list row hover

This commit is contained in:
Joshua Ogle 2018-05-24 11:12:06 -06:00
parent 2377e2769d
commit b24dbc2f50
3 changed files with 7 additions and 9 deletions

View File

@ -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;
}
}

View File

@ -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;
}
}

View File

@ -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">