Make side nav sub item dark blue

Fix nav behavior on small screens
This commit is contained in:
Andrew Croce 2018-08-13 15:55:31 -04:00
parent aad3115093
commit dd350e67a1
2 changed files with 16 additions and 9 deletions

View File

@ -29,8 +29,8 @@
&.sidenav__link--active { &.sidenav__link--active {
@include h4; @include h4;
background-color: $color-white;
color: $color-primary; color: $color-primary;
background-color: $color-white;
box-shadow: inset ($gap / 2) 0 0 0 $color-primary; box-shadow: inset ($gap / 2) 0 0 0 $color-primary;
.sidenav__link-icon { .sidenav__link-icon {
@ -38,20 +38,32 @@
} }
+ ul { + ul {
background-color: $color-white; background-color: $color-primary;
.sidenav__link { .sidenav__link {
color: $color-white;
background-color: $color-primary;
&:hover {
background-color: $color-blue-darker;
}
&--active { &--active {
@include h5; @include h5;
color: $color-primary; color: $color-white;
background-color: $color-primary;
box-shadow: none; box-shadow: none;
} }
.icon {
@include icon-color($color-white);
}
} }
} }
} }
+ ul { + ul {
padding-bottom: $gap / 2; // padding-bottom: $gap / 2;
li { li {
.sidenav__link { .sidenav__link {

View File

@ -26,11 +26,6 @@
"href": "", "href": "",
"active": g.matchesPath('/workspaces/members/new'), "active": g.matchesPath('/workspaces/members/new'),
"icon": "plus" "icon": "plus"
},
{
"label": "Editing Member",
"href": "",
"active": g.matchesPath('/workspaces/123456/members/789/edit')
} }
] ]
) }} ) }}