Added child routes, and config defined routes
Change-Id: I61c5a49a330a63737312d1eb6077aab02236a44f
diff --git a/src/app/core/nav/nav.scss b/src/app/core/nav/nav.scss
index 5c2c85c..dbe60d7 100644
--- a/src/app/core/nav/nav.scss
+++ b/src/app/core/nav/nav.scss
@@ -15,7 +15,6 @@
> li {
display: flex;
flex-direction: column;
- padding: 10px 20px;
border-bottom: 1px solid darken(grey, 20);
&.active {
@@ -31,8 +30,29 @@
}
> a {
+ padding: 10px 20px;
cursor: pointer;
}
+
+ // child router
+ > ul {
+ height: 0;
+ overflow: hidden;
+ transition: .5s all;
+
+ > li {
+ padding-left: 20px;
+ background: darken(grey, 15);
+
+ &:hover, &.active {
+ background: darken(grey, 20);
+ }
+ }
+ }
+
+ > ul.opened {
+ height: auto;
+ }
}
}
}