fix(ngx-material-pages): ng-deep will not affect external tabs

AnthonyNahas · AnthonyNahas · commit 48fad96b23e2 · 2018-04-15T23:28:56.000+02:00
diff --git a/src/module/components/ngx-material-pages/ngx-material-pages.component.html b/src/module/components/ngx-material-pages/ngx-material-pages.component.html
@@ -21,7 +21,7 @@
     </mat-toolbar>
     <div class="demo-sidenav-content main-container">
 
-      <mat-tab-group [selectedIndex]="index" style="min-height: 15vh;">
+      <mat-tab-group [selectedIndex]="index" style="min-height: 15vh;" class="hide-deep">
         <button mat-fab color="warn" (click)="previous()">
           <mat-icon>location</mat-icon>
         </button>
diff --git a/src/module/components/ngx-material-pages/ngx-material-pages.component.scss b/src/module/components/ngx-material-pages/ngx-material-pages.component.scss
@@ -1,5 +1,7 @@
-::ng-deep .mat-tab-label-container {
-  display: none !important;
+.hide-deep {
+  ::ng-deep .mat-tab-label-container {
+    display: none !important;
+  }
 }
 
 .navigation-buttons {

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,7 @@`
`1`		`-::ng-deep .mat-tab-label-container {`
`2`		`- display: none !important;`
	`1`	`+.hide-deep {`
	`2`	`+ ::ng-deep .mat-tab-label-container {`
	`3`	`+ display: none !important;`
	`4`	`+ }`
`3`	`5`	`}`
`4`	`6`
`5`	`7`	`.navigation-buttons {`