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

docs(demos): mock android statusbar

Browse Source
This commit is contained in:
Drew Rygh
2015-10-20 00:08:47 -05:00
parent 4528c8288b
commit 076dc7645e
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
demos/component-docs/app.css
View File

@ -194,12 +194,22 @@ ion-card.adv-map p {
color: #32DB64; color: #32DB64;
} }
body.md {
margin-top: 24px;
}
body.md .android-attr, body.md .android-attr div.toolbar-background { body.md .android-attr, body.md .android-attr div.toolbar-background {
background-color: #387EF5; background-color: #4e8ef7;
} }
body.md .android-attr .toolbar-title { body.md .android-attr .toolbar-title {
color: #fff; color: #fff;
} }
body.md img#md-only {
display: block !important;
position: absolute;
top: -24px;
width: 100%;
height: auto;
}

BIN
demos/component-docs/img/android-statusbar-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

2
demos/component-docs/index.ts
View File

@ -5,7 +5,7 @@ import * as helpers from './helpers';
@App({ @App({
template: '<ion-nav id="nav" [root]="rootPage" #content></ion-nav><ion-overlay></ion-overlay>', template: '<img src="img/android-statusbar-blue.png" style="display:none" id="md-only"><ion-nav id="nav" [root]="rootPage" #content></ion-nav><ion-overlay></ion-overlay>',
}) })
class DemoApp { class DemoApp {