javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): inject stylesheet in tabs so it shows properly

Browse Source 
references driftyco/ionic-site#397
This commit is contained in:
Brandy Carney
2016-02-05 18:01:36 -05:00
parent b67db7e106
commit a0571532e6
3 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demos/tabs/index.ts
View File

@@ -4,3 +4,5 @@ import {App} from 'ionic/ionic';
templateUrl: 'main.html',
})
class ApiDemoApp {}
document.body.innerHTML += '<link href="style.css" rel="stylesheet">'

14
demos/tabs/main.html
View File

@@ -77,17 +77,3 @@
<ion-tab tabIcon="settings" [root]="root"></ion-tab>
</ion-tabs>
</ion-content>
<style>
ion-tabs[no-navbar] {
position: relative;
top: auto;
height: auto;
margin-bottom: 20px;
}
ion-tabs[no-navbar] > ion-navbar-section,
ion-tabs[no-navbar] > ion-content-section {
display: none !important;
}
</style>

11
demos/tabs/style.css Normal file
View File

@@ -0,0 +1,11 @@
ion-tabs[no-navbar] {
position: relative;
top: auto;
height: auto;
margin-bottom: 20px;
}
ion-tabs[no-navbar] > ion-navbar-section,
ion-tabs[no-navbar] > ion-content-section {
display: none !important;
}