fix(admin-ui): Fix css preventing external ui extensions from displaying

Fixes #2141

packages/admin-ui/src/lib/core/src/components/app-shell/app-shell.component.scss

@@ -66,19 +66,6 @@
     }
 }
 
-.top-bar {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1);
-    background-color: var(--color-page-header);
-    @media screen and (min-width: $breakpoint-medium) {
-        padding: calc(var(--space-unit) * 4);
-        padding-left: var(--surface-margin-left);
-    }
-}
-
 .main-nav-container {
     overflow: auto;
     flex: 1;
@@ -94,6 +81,20 @@
     }
 }
 
+.logo {
+    max-width: 100%;
+}
+
+.wordmark {
+    font-weight: bold;
+    margin-left: 12px;
+    font-size: 24px;
+    color: var(--color-primary-500);
+    @media screen and (max-width: $breakpoint-medium) {
+        display: none;
+    }
+}
+
 .surface {
     display: flex;
     flex-direction: column;
@@ -103,6 +104,9 @@
 
 .content-container {
     overflow: auto;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 .branding {
@@ -117,17 +121,16 @@
     }
 }
 
-.logo {
-    max-width: 100%;
-}
-
-.wordmark {
-    font-weight: bold;
-    margin-left: 12px;
-    font-size: 24px;
-    color: var(--color-primary-500);
-    @media screen and (max-width: $breakpoint-medium) {
-        display: none;
+.top-bar {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 1);
+    background-color: var(--color-page-header);
+    @media screen and (min-width: $breakpoint-medium) {
+        padding: calc(var(--space-unit) * 4);
+        padding-left: var(--surface-margin-left);
     }
 }
 
@@ -138,4 +141,7 @@
 .content-area {
     position: relative;
     margin-right: auto;
+    flex: 1;
+    display: block;
+    width: 100%;
 }

packages/admin-ui/src/lib/ng-package.json

@@ -10,7 +10,7 @@
     "./static/assets/*.*",
     "./static/styles/**/*.scss",
     "./static/fonts/*.woff2",
-    "./static/fonts/*.css",
+    "./static/fonts/*.scss",
     "./static/i18n-messages/*.json"
   ],
   "lib": {