[ADF-4017] Fix several styling bugs (#4268)

demo-shell/src/app/app.routes.ts

@@ -85,11 +85,12 @@ export const appRoutes: Routes = [
     {
         path: 'breadcrumb',
         canActivate: [AuthGuardEcm],
+        component: AppLayoutComponent,
         loadChildren: 'app/components/breadcrumb-demo/breadcrumb-demo.module#AppBreadcrumbModule'
     },
     {
         path: 'notifications',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
@@ -99,7 +100,7 @@ export const appRoutes: Routes = [
     },
     {
         path: 'config-editor',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',
@@ -109,7 +110,7 @@ export const appRoutes: Routes = [
     },
     {
         path: 'card-view',
-        component: AppLayoutComponent ,
+        component: AppLayoutComponent,
         children: [
             {
                 path: '',

lib/content-services/breadcrumb/dropdown-breadcrumb.component.scss

@@ -46,6 +46,7 @@
             text-overflow: ellipsis;
             display: inline-block;
             width: 75%;
+            line-height: 27px;
         }
 
         &-current-folder.adf-isRoot {

lib/core/datatable/components/datatable/datatable.component.html

@@ -4,7 +4,7 @@
     [class.adf-data-table-card]="display === 'gallery'"
     [class.adf-data-table]="display === 'list'"
     [class.adf-data-table--empty]="!isHeaderVisible()">
-    <div *ngIf="isHeaderVisible()" class="adf-datatable-header" role="rowgroup">
+    <div *ngIf="showHeader && isHeaderVisible()" class="adf-datatable-header" role="rowgroup">
         <div class="adf-datatable-row" *ngIf="display === 'list'" role="row">
             <!-- Actions (left) -->
             <div *ngIf="actions && actionsPosition === 'left'" class="adf-actions-column adf-datatable-table-cell-header">

lib/core/datatable/components/datatable/datatable.component.scss

@@ -497,6 +497,7 @@
         @include flex-column;
         justify-content: center;
         align-items: center;
+        height: inherit;
 
         .adf-datatable-body {
             .adf-datatable-row {

lib/core/datatable/components/datatable/datatable.component.ts

@@ -641,7 +641,7 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck,
     }
 
     isHeaderVisible() {
-        return this.showHeader && !this.loading && !this.isEmpty() && !this.noPermission;
+        return !this.loading && !this.isEmpty() && !this.noPermission;
     }
 
     private emitRowSelectionEvent(name: string, row: DataRow) {