Refactor demo shell as CLI project (#2501)

* split interfaces * angular cli demo refactoring * fix test import * fix demo script * fix demo script * fix demo script * fix demo script
2025-07-31 17:38:48 +00:00 · 2017-10-22 00:02:41 +01:00
parent 9ac0c06acd
commit 167336f245
184 changed files with 3898 additions and 3832 deletions
--- a/demo-shell-ng2/src/app/components/app-layout/app-layout.component.scss
+++ b/demo-shell-ng2/src/app/components/app-layout/app-layout.component.scss
@@ -0,0 +1,58 @@
+@mixin adf-app-layout-theme($theme) {
+  $primary: map-get($theme, primary);
+  $minimumAppWidth: 320px;
+  $toolbarHeight: 64px;
+
+  .adf-app-layout {
+    display: block;
+    min-width: $minimumAppWidth;
+    height: 100%;
+
+    .adf-nav-container {
+      display: block;
+      min-width: $minimumAppWidth;
+      height: 100%;
+    }
+
+    .adf-sidenav-link {
+      &.active {
+        color: mat-color($primary);
+      }
+    }
+
+    &-user-profile {
+      margin-right: 10px;
+    }
+
+    &-menu-spacer {
+      flex: 1 1 auto;
+    }
+
+    &-toolbar {
+      height: $toolbarHeight;
+      line-height: $toolbarHeight;
+      overflow: hidden;
+
+      mat-toolbar-row {
+        height: $toolbarHeight;
+        align-items: stretch;
+        justify-content: space-between;
+      }
+
+      .adf-toolbar-link {
+        min-width: 0;
+        line-height: $toolbarHeight;
+
+        &.active {
+          background-color: rgba(0, 0, 0, .12);
+        }
+      }
+    }
+  }
+
+  @media ($mat-small) {
+    .adf-userinfo-name {
+      display: none;
+    }
+  }
+}