New packages org (#2639)

New packages org

demo-shell/src/app/components/app-layout/app-layout.component.scss

@@ -0,0 +1,73 @@
+@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);
+      }
+    }
+
+    .adf-search-bar-overflow {
+        overflow: hidden;
+    }
+
+    &-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 screen and  ($mat-small) {
+    .adf-userinfo-name {
+      display: none;
+    }
+
+    .adf-search-bar-overflow {
+        padding-right: 4px;
+    }
+  }
+
+  @media screen and ($mat-xsmall) {
+      .adf-search-bar-overflow {
+          padding-right: 16px;
+      }
+  }
+
+}