From af2085ed3d55de8f12948c77720ef3976dcfb22f Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Fri, 13 May 2016 18:37:50 -0400 Subject: [PATCH] fix(tabs): move border to top for windows positioned bottom tabs fixes #6526 --- ionic/components/tabs/tabs.wp.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/ionic/components/tabs/tabs.wp.scss b/ionic/components/tabs/tabs.wp.scss index 3a8e9385db..09dda92531 100644 --- a/ionic/components/tabs/tabs.wp.scss +++ b/ionic/components/tabs/tabs.wp.scss @@ -35,7 +35,7 @@ tabbar { opacity: .7; &[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; opacity: 1; } @@ -77,6 +77,17 @@ tabbar { 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 // --------------------------------------------------