mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
fix(toolbar): add border-top when toolbar is positioned to the bottom
fixes #5967
This commit is contained in:
@ -42,7 +42,7 @@ ion-navbar-section {
|
|||||||
|
|
||||||
.toolbar-background {
|
.toolbar-background {
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
border-bottom-style: solid;
|
border-style: solid;
|
||||||
border-color: $toolbar-ios-border-color;
|
border-color: $toolbar-ios-border-color;
|
||||||
background: $toolbar-ios-background;
|
background: $toolbar-ios-background;
|
||||||
}
|
}
|
||||||
@ -51,6 +51,15 @@ ion-navbar-section {
|
|||||||
border-bottom-width: $hairlines-width;
|
border-bottom-width: $hairlines-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toolbar[position=bottom] .toolbar-background {
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-top-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.hairlines .toolbar[position=bottom] .toolbar-background {
|
||||||
|
border-top-width: $hairlines-width;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// iOS Toolbar Content
|
// iOS Toolbar Content
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
Reference in New Issue
Block a user