feat(stark-ui): implementation of the app sidebar

ISSUES CLOSED: NationalBankBelgium#592
catlabs · Aug 27, 2018 · 7316d2c · 7316d2c
1 parent bf1eec9
commit 7316d2c
Show file tree

Hide file tree

Showing 35 changed files with 8,089 additions and 1,776 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/stark-build/package-lock.json b/packages/stark-build/package-lock.json
diff --git a/packages/stark-core/package-lock.json b/packages/stark-core/package-lock.json
diff --git a/packages/stark-testing/package-lock.json b/packages/stark-testing/package-lock.json
diff --git a/packages/stark-ui/assets/themes/_menu-theme.scss b/packages/stark-ui/assets/themes/_menu-theme.scss
@@ -11,3 +11,24 @@
     color: map-get($mat-light-theme-foreground, disabled-button);
   }
 }
+
+/* TODO: This code soul be moved when the app menu is implemented */
+stark-app-sidebar {
+  .stark-app-sidenav-menu {
+    background-color: #16385a;
+    .mat-nav-list {
+      padding-top: 0;
+      .mat-list-item {
+        color: #fff;
+        font-size: 13px;
+        &:hover a {
+          background-color: rgba($color: #fff, $alpha: 0.3);
+        }
+      }
+      .mat-list-item-focus.active,
+      a.active {
+        background-color: rgba($color: #fff, $alpha: 0.4);
+      }
+    }
+  }
+}