pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make side nav sub item dark blue

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/elements/_sidenav.scss
View File

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

5
templates/navigation/workspace_navigation.html
View File

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