Navigation: Hide the children of the expanded items when the navbar collapsed

src/app/core/components/navigation/vertical/nav-collapse/nav-vertical-collapse.component.scss

@@ -1,6 +1,7 @@
 :host {
 
     .folded:not(.folded-open) & {
+
         .nav-link {
 
             > span {
@@ -8,6 +9,13 @@
                 transition: opacity 200ms ease;
             }
         }
+
+        &.open {
+
+            .children {
+                display: none !important;
+            }
+        }
     }
 
     .nav-link {