Merge pull request #8610 from IgniteUI/SIvanova/bottom-nav-disabled-tabs

simeonoff · web-flow · commit 8274d4dfa5cb · 2020-11-20T11:10:18.000+02:00
fix(bottom-nav): disabled tab panels wrong styles
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/bottom-nav/_bottom-nav-component.scss
@@ -61,5 +61,13 @@
     @include e(menu-item, $m: disabled) {
         @extend %igx-bottom-nav-menu-item !optional;
         @extend %igx-bottom-nav-menu-item--disabled !optional;
+
+        .tab-icon {
+            @extend %igx-tab-icon !optional;
+        }
+
+        .tab-label {
+            @extend %igx-tab-label !optional;
+        }
     }
 }
diff --git a/src/app/bottomnav/bottomnav.sample.html b/src/app/bottomnav/bottomnav.sample.html
@@ -98,7 +98,7 @@ <h3>Tab 2 Content</h3>
                     </div>
                 </igx-tab-panel>
 
-                <igx-tab-panel label="watchlist" icon="list">
+                <igx-tab-panel [disabled]="true" label="watchlist" icon="list">
                     <div class="tab-content">
                         <h3>Tab 3 Content</h3>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id velit rutrum, accumsan ante a,

Original file line number	Diff line number	Diff line change
`@@ -61,5 +61,13 @@`
`61`	`61`	`@include e(menu-item, $m: disabled) {`
`62`	`62`	`@extend %igx-bottom-nav-menu-item !optional;`
`63`	`63`	`@extend %igx-bottom-nav-menu-item--disabled !optional;`
	`64`	`+`
	`65`	`+ .tab-icon {`
	`66`	`+ @extend %igx-tab-icon !optional;`
	`67`	`+ }`
	`68`	`+`
	`69`	`+ .tab-label {`
	`70`	`+ @extend %igx-tab-label !optional;`
	`71`	`+ }`
`64`	`72`	`}`
`65`	`73`	`}`