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): update buttons demo

Browse Source
This commit is contained in:
Drew Rygh
2015-10-16 11:18:20 -05:00
parent 90fa15d850
commit 11d0090dd6
4 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,6 +7,7 @@ export class ActionSheetPage {
constructor(actionSheet: ActionSheet, platform: IonicPlatform) { constructor(actionSheet: ActionSheet, platform: IonicPlatform) {
this.actionSheet = actionSheet; this.actionSheet = actionSheet;
console.log('actionSheet', actionSheet);
this.platform = platform; this.platform = platform;
} }
@ -58,6 +59,7 @@ export class ActionSheetPage {
} }
}).then(actionSheetRef => { }).then(actionSheetRef => {
console.log(actionSheetRef);
this.actionSheetRef = actionSheetRef; this.actionSheetRef = actionSheetRef;
}); });
} }

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

@ -122,3 +122,16 @@ scroll-content {
.demo-card button { .demo-card button {
font-size: 1.3rem; font-size: 1.3rem;
} }
ion-card ion-card-content.buttons-in-components {
background-color: #F4F5F8;
}
ion-card ion-card-content.buttons-in-components img {
width: auto;
height: 44px;
display: block;
margin: 20px auto;
}
ion-card.buttons-in-components {
margin-bottom: 2em;
}

17
demos/component-docs/buttons/components.html
View File

@ -17,11 +17,18 @@
<ion-content padding class="has-header components-demo"> <ion-content padding class="has-header components-demo">
<div id="mock-card">
<img src="card-wireframe.png" id="card-wireframe"> <ion-card class="buttons-in-components">
<button clear id="demo-card-left">Like</button> <ion-card-content class="buttons-in-components">
<button clear id="demo-card-right">Comment</button> <img src="img/img-icon.png" />
</div> </ion-card-content>
<ion-item actions>
<button clear item-left>Like</button>
<button clear item-right>Comment</button>
</ion-item>
</ion-card>
<ion-list> <ion-list>

BIN
demos/component-docs/img/img-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB