javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tabs): properly align tabs highlight (#11619)

Browse Source 
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`.
This commit is contained in:
Louis Orleans
2017-06-15 14:39:26 -07:00
committed by Manu MA
parent 7803998542
commit a8731dfc98
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/tabs/tabs.md.scss
View File

@@ -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;
}