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

fix(menu): convert backdrop to class

Browse Source 
references #689
This commit is contained in:
Brandy Carney
2015-12-09 14:51:06 -05:00
parent 4666f6c687
commit aeb0bc31ca
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ionic/components/menu/menu.scss
View File

@ -27,7 +27,7 @@ ion-menu[side=right] {
left: auto; left: auto;
} }
ion-menu backdrop { ion-menu .backdrop {
z-index: -1; z-index: -1;
display: none; display: none;
} }
@ -73,7 +73,7 @@ ion-menu[type=overlay] {
z-index: $z-index-menu-overlay; z-index: $z-index-menu-overlay;
left: -8px; // make up for the box-shadow hanging over on the left left: -8px; // make up for the box-shadow hanging over on the left
backdrop { .backdrop {
display: block; display: block;
transform: translate3d(-9999px, 0px, 0px); transform: translate3d(-9999px, 0px, 0px);
opacity: 0.01; opacity: 0.01;

4
ionic/components/menu/menu.ts
View File

@ -66,7 +66,7 @@ import * as gestures from './menu-gestures';
'[attr.side]': 'side', '[attr.side]': 'side',
'[attr.type]': 'type' '[attr.type]': 'type'
}, },
template: '<ng-content></ng-content><backdrop tappable disable-activated></backdrop>', template: '<ng-content></ng-content><div tappable disable-activated class="backdrop"></div>',
directives: [forwardRef(() => MenuBackdrop)] directives: [forwardRef(() => MenuBackdrop)]
}) })
export class Menu extends Ion { export class Menu extends Ion {
@ -366,7 +366,7 @@ let menuTypes = {};
@Directive({ @Directive({
selector: 'backdrop', selector: '.backdrop',
host: { host: {
'(click)': 'clicked($event)' '(click)': 'clicked($event)'
} }