fix(menu): content's box-shadow

This commit is contained in:
Manu Mtz.-Almeida
2018-08-07 21:23:35 +02:00
parent 9773e2a3b3
commit 48e2a4e2ca
4 changed files with 20 additions and 25 deletions

View File

@ -0,0 +1,18 @@
@import "../menu/menu.ios.vars";
@import "../menu/menu.md.vars";
.ios .menu-content-reveal {
box-shadow: $menu-ios-box-shadow-reveal;
}
.ios .menu-content-push {
box-shadow: $menu-ios-box-shadow-push;
}
.md .menu-content-reveal {
box-shadow: $menu-md-box-shadow;
}
.md .menu-content-push {
box-shadow: $menu-md-box-shadow;
}

View File

@ -7,7 +7,8 @@ import { menuPushAnimation } from './animations/push';
import { menuRevealAnimation } from './animations/reveal';
@Component({
tag: 'ion-menu-controller'
tag: 'ion-menu-controller',
styleUrl: 'menu-controller.scss'
})
export class MenuController {
private menus: Menu[] = [];

View File

@ -23,15 +23,3 @@
:host(.menu-type-push) .show-backdrop {
display: block;
}
// TODO: review
// iOS Menu Content
// --------------------------------------------------
.app-ios .menu-content-reveal {
box-shadow: $menu-ios-box-shadow-reveal;
}
.menu-content-push {
box-shadow: $menu-ios-box-shadow-push;
}

View File

@ -11,15 +11,3 @@
:host(.menu-type-overlay) .menu-inner {
box-shadow: $menu-md-box-shadow;
}
// TODO: review
// MD Menu Content
// --------------------------------------------------
.app-md .menu-content-reveal {
box-shadow: $menu-md-box-shadow;
}
.app-md .menu-content-push {
box-shadow: $menu-md-box-shadow;
}