feat(ngx-material-pages): improved the layout

Author: AnthonyNahas

src/module/components/ngx-material-pages/ngx-material-page-content/ngx-material-page-content.component.html

@@ -1,6 +1,6 @@
 <ng-template>
   <mat-card style="margin: 2rem">
-    <mat-card-title>{{title}} 21</mat-card-title>
+    <mat-card-title>{{title}}</mat-card-title>
     <mat-card-content>
       <ng-content></ng-content>
     </mat-card-content>

src/module/components/ngx-material-pages/ngx-material-pages.component.html

@@ -17,27 +17,17 @@
       <button mat-icon-button>
         <mat-icon>menu</mat-icon>
       </button>
-      ngx-auth-firebaseui - npm install
+      ngx-material-pages
     </mat-toolbar>
     <div class="demo-sidenav-content main-container">
 
-      <mat-tab-group [selectedIndex]="index" style="height: 80vh;">
+      <mat-tab-group [selectedIndex]="index" style="min-height: 15vh;">
         <button mat-fab color="warn" (click)="previous()">
           <mat-icon>location</mat-icon>
         </button>
         <mat-tab *ngFor="let page of pages;let i = index;">
           <ng-container [ngTemplateOutlet]="page.pageContent.content"></ng-container>
         </mat-tab>
-        <mat-tab style="background: blue; margin: 2rem;">
-          <mat-card style="background: red; margin: 5rem; height: 1300px">
-            <mat-card-title>
-              Title1
-            </mat-card-title>
-            <mat-card-content>
-              <h2>test</h2>
-            </mat-card-content>
-          </mat-card>
-        </mat-tab>
       </mat-tab-group>
 
 

src/module/components/ngx-material-pages/ngx-material-pages.component.scss

@@ -0,0 +1,3 @@
+::ng-deep .mat-tab-label-container {
+  display: none !important;
+}

src/module/components/ngx-material-pages/ngx-material-pages.component.ts

@@ -15,8 +15,6 @@ import {StepperSelectionEvent} from '@angular/cdk/stepper';
   selector: 'ngx-material-pages',
   templateUrl: './ngx-material-pages.component.html',
   styleUrls: ['./ngx-material-pages.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NgxMaterialPagesComponent implements OnInit, AfterContentInit {