mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
fix(tabs): move border to top for windows positioned bottom tabs
fixes #6526
This commit is contained in:
@ -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
|
||||
// --------------------------------------------------
|
||||
|
Reference in New Issue
Block a user