javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(toolbar): move the ios border to the toolbar background

Browse Source 
This places the border on the last toolbar inside of a header and the
first toolbar inside of a footer in order to animate the border
properly in a page transition.

Fixes #9595
This commit is contained in:
Brandy Carney
2016-12-12 16:28:34 -05:00
parent fd1f8c06bf
commit 3701ee5e37
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/toolbar/toolbar.ios.scss
View File

@ -58,25 +58,25 @@ $navbar-ios-height: $toolbar-ios-height !default;
// iOS Header / Footer Borders // iOS Header / Footer Borders
// -------------------------------------------------- // --------------------------------------------------
.header-ios, .header-ios .toolbar-background-ios,
.footer-ios { .footer-ios .toolbar-background-ios {
border-style: solid; border-style: solid;
border-color: $toolbar-ios-border-color; border-color: $toolbar-ios-border-color;
} }
.header-ios { .header-ios .toolbar-ios:last-child .toolbar-background-ios {
border-width: 0 0 $hairlines-width; border-width: 0 0 $hairlines-width;
} }
.footer-ios { .footer-ios .toolbar-ios:first-child .toolbar-background-ios {
border-width: $hairlines-width 0 0; border-width: $hairlines-width 0 0;
} }
.header-ios[no-border] { .header-ios[no-border] .toolbar-ios:last-child .toolbar-background-ios {
border-bottom-width: 0; border-bottom-width: 0;
} }
.footer-ios[no-border] { .footer-ios[no-border] .toolbar-ios:first-child .toolbar-background-ios {
border-top-width: 0; border-top-width: 0;
} }