fix(tabs): md-align-tabs should only affect the current component

Splaktar · Splaktar · commit d77fbc4dad19 · 2020-10-26T14:18:42.000-04:00
- it was styling nested `md-tabs` as well Fixes #10541
diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
@@ -30,15 +30,16 @@ md-tabs {
   }
   &[md-align-tabs="bottom"] {
     padding-bottom: $tabs-header-height;
-    md-tabs-wrapper {
+
+    > md-tabs-wrapper {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       height: $tabs-header-height;
       z-index: 2;
     }
-    md-tabs-content-wrapper {
+    > md-tabs-content-wrapper {
       top: 0;
       bottom: $tabs-header-height;
     }

Original file line number	Diff line number	Diff line change
`@@ -30,15 +30,16 @@ md-tabs {`
`30`	`30`	`}`
`31`	`31`	`&[md-align-tabs="bottom"] {`
`32`	`32`	`padding-bottom: $tabs-header-height;`
`33`		`- md-tabs-wrapper {`
	`33`	`+`
	`34`	`+ > md-tabs-wrapper {`
`34`	`35`	`position: absolute;`
`35`	`36`	`bottom: 0;`
`36`	`37`	`left: 0;`
`37`	`38`	`right: 0;`
`38`	`39`	`height: $tabs-header-height;`
`39`	`40`	`z-index: 2;`
`40`	`41`	`}`
`41`		`- md-tabs-content-wrapper {`
	`42`	`+ > md-tabs-content-wrapper {`
`42`	`43`	`top: 0;`
`43`	`44`	`bottom: $tabs-header-height;`
`44`	`45`	`}`