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

docs(demos): update demos to use ion-grid

Browse Source 
references #6238
This commit is contained in:
Brandy Carney
2016-04-26 13:33:29 -04:00
parent a0c0228acb
commit 6f525d1bd8
4 changed files with 82 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demos/hide-when/main.html
View File

@ -6,6 +6,7 @@
<h5 margin>Hide Icon Per Platform</h5> <h5 margin>Hide Icon Per Platform</h5>
<p margin>In this example we're using the <code>hideWhen</code> directive to decide whether to hide an icon based on the platform.</p> <p margin>In this example we're using the <code>hideWhen</code> directive to decide whether to hide an icon based on the platform.</p>
<ion-grid>
<ion-row> <ion-row>
<ion-col text-center> <ion-col text-center>
<ion-icon name="logo-apple" hideWhen="android,windows"></ion-icon> <ion-icon name="logo-apple" hideWhen="android,windows"></ion-icon>
@ -30,6 +31,7 @@
<code> &lt;ion-icon name="logo-windows" hideWhen="ios,android"&gt;&lt;/ion-icon&gt; </code> <code> &lt;ion-icon name="logo-windows" hideWhen="ios,android"&gt;&lt;/ion-icon&gt; </code>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid>
</ion-content> </ion-content>
<style> <style>

1
demos/icon/main.html
View File

@ -58,7 +58,6 @@
.icon-demo ion-row { .icon-demo ion-row {
height: 100%; height: 100%;
padding: 0;
flex-wrap: wrap; flex-wrap: wrap;
} }

2
demos/platform/main.html
View File

@ -5,6 +5,7 @@
<ion-content class="platform-demo"> <ion-content class="platform-demo">
<p margin class="note">Change devices to see the platform values change.</p> <p margin class="note">Change devices to see the platform values change.</p>
<ion-grid>
<ion-row> <ion-row>
<ion-col><b>Name</b></ion-col> <ion-col><b>Name</b></ion-col>
<ion-col><b>Value</b></ion-col> <ion-col><b>Value</b></ion-col>
@ -33,6 +34,7 @@
<pre [ngClass]="isWindows ? 'platform-true' : 'platform-false'">{{isWindows}}</pre> <pre [ngClass]="isWindows ? 'platform-true' : 'platform-false'">{{isWindows}}</pre>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid>
</ion-content> </ion-content>

2
demos/show-when/main.html
View File

@ -6,6 +6,7 @@
<h5 margin>Show Icon Per Platform</h5> <h5 margin>Show Icon Per Platform</h5>
<p margin>In this example we're using the <code>showWhen</code> directive to decide whether to show an icon based on the platform.</p> <p margin>In this example we're using the <code>showWhen</code> directive to decide whether to show an icon based on the platform.</p>
<ion-grid>
<ion-row> <ion-row>
<ion-col text-center> <ion-col text-center>
<ion-icon name="logo-apple" showWhen="ios"></ion-icon> <ion-icon name="logo-apple" showWhen="ios"></ion-icon>
@ -30,6 +31,7 @@
<code> &lt;ion-icon name="logo-windows" showWhen="windows"&gt;&lt;/ion-icon&gt; </code> <code> &lt;ion-icon name="logo-windows" showWhen="windows"&gt;&lt;/ion-icon&gt; </code>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid>
</ion-content> </ion-content>
<style> <style>