fix(tabs): properly align tabs highlight (ionic-team#11619)

dudeofawesome · manucorporat · commit a8731dfc98d7 · 2017-06-15T23:39:26.000+02:00
When `Tabs` are nested within each other, the highlight can get
misaligned. This prevents that by ensuring the affected
`.tab-highlight` is a direct child of the targeted `Tabs`.
diff --git a/src/components/tabs/tabs.md.scss b/src/components/tabs/tabs.md.scss
@@ -302,7 +302,7 @@ $tabs-md-tab-icon-size:                       2.4rem !default;
   transition-duration: 300ms;
 }
 
-.tabs-md[tabsHighlight=true][tabsPlacement=bottom] .tab-highlight {
+.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
   top: 0;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -302,7 +302,7 @@ $tabs-md-tab-icon-size: 2.4rem !default;`
`302`	`302`	`transition-duration: 300ms;`
`303`	`303`	`}`
`304`	`304`
`305`		`-.tabs-md[tabsHighlight=true][tabsPlacement=bottom] .tab-highlight {`
	`305`	`+.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {`
`306`	`306`	`top: 0;`
`307`	`307`	`}`
`308`	`308`