diff --git a/ionic/components/action-sheet/action-sheet.ios.scss b/ionic/components/action-sheet/action-sheet.ios.scss index bd9ca256b3..05e182b217 100644 --- a/ionic/components/action-sheet/action-sheet.ios.scss +++ b/ionic/components/action-sheet/action-sheet.ios.scss @@ -51,6 +51,10 @@ ion-action-sheet { .action-sheet-title, .action-sheet-option { border-bottom: 1px solid $action-sheet-ios-border-color; + + &:last-child { + border-bottom: 0; + } } .action-sheet-button { diff --git a/ionic/components/action-sheet/test/basic/index.ts b/ionic/components/action-sheet/test/basic/index.ts index ccebdce40a..914a20836f 100644 --- a/ionic/components/action-sheet/test/basic/index.ts +++ b/ionic/components/action-sheet/test/basic/index.ts @@ -10,7 +10,7 @@ class E2EPage { this.nav = nav; } - openActionSheet(ev) { + openActionSheet1(ev) { this.result = ''; let actionSheet = ActionSheet.create({ @@ -53,6 +53,40 @@ class E2EPage { this.nav.present(actionSheet); } + openActionSheet2(ev) { + this.result = ''; + + let actionSheet = ActionSheet.create({ + buttons: [ + { + text: 'Destructive', + style: 'destructive', + handler: () => { + console.log('Destructive clicked'); + this.result = 'Destructive'; + } + }, + { + text: 'Archive', + handler: () => { + console.log('Archive clicked'); + this.result = 'Archived'; + } + }, + { + text: 'Cancel', + style: 'cancel', + handler: () => { + console.log('cancel this clicked'); + this.result = 'Canceled'; + } + } + ] + }); + + this.nav.present(actionSheet); + } + } diff --git a/ionic/components/action-sheet/test/basic/main.html b/ionic/components/action-sheet/test/basic/main.html index db7de5ed05..b28dbb7846 100644 --- a/ionic/components/action-sheet/test/basic/main.html +++ b/ionic/components/action-sheet/test/basic/main.html @@ -4,7 +4,8 @@ - + +
     Result: {{result}}