From 1ea78edde9f2a33ad1d001a3ffdefa400612454a Mon Sep 17 00:00:00 2001 From: Drew Rygh Date: Thu, 22 Oct 2015 15:40:07 -0500 Subject: [PATCH] docs(demos): add ios statusbar, fix md statusbar positioning --- demos/component-docs/app.css | 22 +++++++++++++++++++++ demos/component-docs/img/ios-statusbar.png | Bin 0 -> 4004 bytes demos/component-docs/index.ts | 5 ++++- 3 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 demos/component-docs/img/ios-statusbar.png diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css index 09978ab00d..7bae7984e7 100644 --- a/demos/component-docs/app.css +++ b/demos/component-docs/app.css @@ -199,6 +199,20 @@ body.md { border-top: 24px solid black; } +body.ios{ + border-top: 10px solid #F8F8F8; +} + +body.ios backdrop { + top: -10px; + height: 105%; +} + +body.md backdrop { + top: -24px; + height: 107%; +} + body.md img#md-only { display: block !important; position: absolute; @@ -207,5 +221,13 @@ body.md img#md-only { height: auto; } +body.ios img#ios-only { + display: block !important; + position: absolute; + top: -6px; + width: 100%; + height: auto; + z-index: 9999; +} diff --git a/demos/component-docs/img/ios-statusbar.png b/demos/component-docs/img/ios-statusbar.png new file mode 100644 index 0000000000000000000000000000000000000000..9ee6b323f02808d3dcf404f88ec8351cb6ddb618 GIT binary patch literal 4004 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