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

fix(tabs): move border to top for windows positioned bottom tabs

Browse Source 
fixes #6526
This commit is contained in:
Brandy Carney
2016-05-13 18:37:50 -04:00
parent 77c167649f
commit af2085ed3d
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ionic/components/tabs/tabs.wp.scss
View File

@ -35,7 +35,7 @@ tabbar {
opacity: .7; opacity: .7;
&[aria-selected=true] { &[aria-selected=true] {
border-bottom: 2px solid $tab-button-wp-active-color; border-bottom-color: $tab-button-wp-active-color;
color: $tab-button-wp-active-color; color: $tab-button-wp-active-color;
opacity: 1; opacity: 1;
} }
@ -77,6 +77,17 @@ tabbar {
padding: 6px 10px; padding: 6px 10px;
} }
[tabbarPlacement=bottom] .tab-button {
border-top: 2px solid transparent;
border-bottom-width: 0;
&[aria-selected=true] {
border-top-color: $tab-button-wp-active-color;
}
}
// Windows Tabbar Color Mixin // Windows Tabbar Color Mixin
// -------------------------------------------------- // --------------------------------------------------