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

angular-material-extensions · Apr 15, 2018 · 48fad96 · 48fad96
1 parent 2cd576e
commit 48fad96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
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 {