diff --git a/ionic/components/action-menu/action-menu.ts b/ionic/components/action-menu/action-menu.ts index 1eb0649f7b..a79dfcd5b0 100644 --- a/ionic/components/action-menu/action-menu.ts +++ b/ionic/components/action-menu/action-menu.ts @@ -22,10 +22,10 @@ import * as util from 'ionic/util';
{{titleText}}
- +
- +
`, @@ -65,10 +65,17 @@ export class ActionMenu extends Overlay { open(opts={}) { let defaults = { enterAnimation: 'action-menu-slide-in', - leaveAnimation: 'action-menu-slide-out' + leaveAnimation: 'action-menu-slide-out', }; - return this.create(OVERLAY_TYPE, ActionMenuDirective, util.extend(defaults, opts), opts); + let contextDefaults = { + cancelIcon: 'ion-close', + destructiveIcon: 'ion-trash-a' + } + + let context = util.extend(contextDefaults, opts); + + return this.create(OVERLAY_TYPE, ActionMenuDirective, util.extend(defaults, opts), context); } get() { diff --git a/ionic/components/action-menu/extensions/material.scss b/ionic/components/action-menu/extensions/material.scss index 2491955879..14d4bee6df 100644 --- a/ionic/components/action-menu/extensions/material.scss +++ b/ionic/components/action-menu/extensions/material.scss @@ -13,11 +13,19 @@ } .action-menu-title, - .action-menu-option { + .action-menu-option, + .action-menu-destructive, + .action-menu-cancel button + { text-align: left; border-color: transparent; font-size: 16px; color: inherit; + + .icon { + font-size: 24px; + margin: 0 32px; + } } .action-menu-title { @@ -26,10 +34,6 @@ color: #666; } - .action-menu-option .icon { - font-size: 24px; - margin: 0 32px; - } .action-menu-option.activated { background: #e8e8e8; @@ -42,7 +46,14 @@ } .action-menu-cancel { - display: none; + background-color: #fafafa; + width: auto; + border: none; + font-size: 16px; + color: inherit; + button { + font-weight: normal; + } } .action-menu-has-icons {