Make side nav sub item dark blue
Fix nav behavior on small screens
This commit is contained in:
parent
aad3115093
commit
dd350e67a1
@ -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 {
|
||||||
|
@ -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')
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
) }}
|
) }}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user