javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 23:01:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(nav): auto set iOS black transition bg via css

Browse Source
This commit is contained in:
Adam Bradley
2016-06-20 14:12:13 -05:00
parent 3a7addf7b0
commit 7842991c1a
5 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/content/content.ios.scss
View File

@ -7,7 +7,7 @@
$content-ios-outer-background: #efeff4 !default;
$content-ios-padding: $content-padding !default;
$content-ios-margin: $content-margin !default;
$content-ios-has-views-background: #000 !default;
$content-ios-transition-background: #000 !default;
ion-content {
background-color: $background-ios-color;
@ -17,9 +17,21 @@ ion-content {
background: $content-ios-outer-background;
}
ion-nav.has-views,
ion-tab.has-views {
background: $content-ios-has-views-background;
ion-page.show-page ~ .nav-decor {
// when ios pages transition, the leaving page grays out
// this is the black square behind all pages so they gray out
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background: $content-ios-transition-background;
pointer-events: none;
}