docs(demos): swap out statusbar image for certain demos

demos/component-docs/app.html

@@ -1,4 +1,6 @@
 <img src="img/android-statusbar-blue.png" style="display:none" id="md-only">
+<img src="img/android-statusbar-red.png" style="display:none" id="md-tabs-icon">
+<img src="img/android-statusbar-purple.png" style="display:none" id="md-tabs-icon-text">
 <img src="img/ios-statusbar.png" style="display:none" id="ios-only">
 
 

demos/component-docs/app.scss

@@ -127,6 +127,14 @@ body.md img#md-only {
   height: auto;
 }
 
+body.md img#md-tabs-icon, body.md img#md-tabs-icon-text {
+  display: none;
+  position: absolute;
+  top: -24px;
+  width: 100%;
+  height: auto;
+}
+
 body.ios img#ios-only {
   display: block !important;
   position: absolute;

demos/component-docs/helpers.ts

@@ -18,10 +18,7 @@ import * as tabs from './tabs/tabs';
 
 
 @Directive({
-  selector: '[android-attr]',
-  defaultInputs: {
-    'androidAttr': 'primary'
-  },
+  selector: '.android-attr',
 })
 export class AndroidAttribute {
 
@@ -72,6 +69,7 @@ export function hasScrollbar() {
 
 export function getPageFor(hash) {
     return {
+        'overview': actionSheets.BasicPage,
         'action-sheets': actionSheets.BasicPage,
 
         'buttons': buttons.BasicPage,

demos/component-docs/tabs/icon-text/pages.ts

@@ -18,6 +18,14 @@ class TabIconTextPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
+  onInit() {
+    document.getElementById('md-tabs-icon-text').style.display = "block";
+    document.getElementById('md-only').style.display = "none";
+  }
+  onDestroy() {
+    document.getElementById('md-tabs-icon-text').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
 }
 
 @Page({

demos/component-docs/tabs/icon/pages.ts

@@ -7,7 +7,7 @@ import * as helpers from '../../helpers';
 @Page({
   template: '' +
   '<ion-navbar *navbar hide-back-button [attr.danger]="isAndroid ? \'\' : null">' +
-  '<ion-title>Tabs</ion-title>' +
+    '<ion-title>Tabs</ion-title>' +
   '</ion-navbar>' +
   '<ion-content>' +
   '</ion-content>',
@@ -18,15 +18,23 @@ class TabIconPage {
     this.platform = platform;
     this.isAndroid = platform.is('android');
   }
+  onInit() {
+    document.getElementById('md-tabs-icon').style.display = "block";
+    document.getElementById('md-only').style.display = "none";
+  }
+  onDestroy() {
+    document.getElementById('md-tabs-icon').style.display = "none";
+    document.getElementById('md-only').style.display = "block";
+  }
 }
 
 @Page({
   template:
   '<ion-tabs class="tabs-icon">' +
-  '<ion-tab tab-icon="contact" [root]="tabOne"></ion-tab>' +
-  '<ion-tab tab-icon="compass" [root]="tabTwo"></ion-tab>' +
-  '<ion-tab tab-icon="analytics" [root]="tabThree"></ion-tab>' +
-  '<ion-tab tab-icon="settings" [root]="tabFour"></ion-tab>' +
+    '<ion-tab tab-icon="contact" [root]="tabOne"></ion-tab>' +
+    '<ion-tab tab-icon="compass" [root]="tabTwo"></ion-tab>' +
+    '<ion-tab tab-icon="analytics" [root]="tabThree"></ion-tab>' +
+    '<ion-tab tab-icon="settings" [root]="tabFour"></ion-tab>' +
   '</ion-tabs>',
 })
 export class IconPage {