mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
fix(menu): content's box-shadow
This commit is contained in:
18
core/src/components/menu-controller/menu-controller.scss
Normal file
18
core/src/components/menu-controller/menu-controller.scss
Normal 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;
|
||||
}
|
||||
@ -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[] = [];
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user