fix(actionSheet): fix border bottom

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 {

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);
+  }
+
 }
 
 

ionic/components/action-sheet/test/basic/main.html

@@ -4,7 +4,8 @@
 </ion-navbar>
 
 <ion-content padding>
-  <button class="e2eOpenActionSheet" (click)="openActionSheet()">Open Action Sheet</button>
+  <button class="e2eOpenActionSheet" (click)="openActionSheet1()">Open Action Sheet 1</button>
+  <button (click)="openActionSheet2()">Open Action Sheet 2</button>
 
   <pre>
     Result: {{result}}