mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
@@ -4,7 +4,8 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
$menu-ios-background: $background-ios-color !default;
|
||||
$menu-ios-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !default;
|
||||
$menu-ios-box-shadow-color: rgba(0, 0, 0, .25) !default;
|
||||
$menu-ios-box-shadow: 0 0 10px $menu-ios-box-shadow-color !default;
|
||||
|
||||
|
||||
ion-menu {
|
||||
@@ -12,13 +13,13 @@ ion-menu {
|
||||
}
|
||||
|
||||
.menu-content-reveal {
|
||||
box-shadow: $menu-ios-shadow;
|
||||
box-shadow: $menu-ios-box-shadow;
|
||||
}
|
||||
|
||||
.menu-content-push {
|
||||
box-shadow: $menu-ios-shadow;
|
||||
box-shadow: $menu-ios-box-shadow;
|
||||
}
|
||||
|
||||
ion-menu[type=overlay] {
|
||||
box-shadow: $menu-ios-shadow;
|
||||
box-shadow: $menu-ios-box-shadow;
|
||||
}
|
||||
|
||||
@@ -4,7 +4,8 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
$menu-md-background: $background-md-color !default;
|
||||
$menu-md-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25) !default;
|
||||
$menu-md-box-shadow-color: rgba(0, 0, 0, .25) !default;
|
||||
$menu-md-box-shadow: 0 0 10px $menu-md-box-shadow-color !default;
|
||||
|
||||
|
||||
ion-menu {
|
||||
@@ -12,13 +13,13 @@ ion-menu {
|
||||
}
|
||||
|
||||
.menu-content-reveal {
|
||||
box-shadow: $menu-md-shadow;
|
||||
box-shadow: $menu-md-box-shadow;
|
||||
}
|
||||
|
||||
.menu-content-push {
|
||||
box-shadow: $menu-md-shadow;
|
||||
box-shadow: $menu-md-box-shadow;
|
||||
}
|
||||
|
||||
ion-menu[type=overlay] {
|
||||
box-shadow: $menu-md-shadow;
|
||||
box-shadow: $menu-md-box-shadow;
|
||||
}
|
||||
|
||||
@@ -14,12 +14,12 @@ ion-menu {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
width: $menu-width;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
transform: translate3d(-9999px, 0px, 0px);
|
||||
width: $menu-width;
|
||||
|
||||
transform: translate3d(-9999px, 0, 0);
|
||||
}
|
||||
|
||||
ion-menu[side=right] {
|
||||
@@ -33,7 +33,7 @@ ion-menu .backdrop {
|
||||
}
|
||||
|
||||
.menu-content {
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.menu-content-open ion-pane,
|
||||
@@ -60,7 +60,7 @@ ion-menu .backdrop {
|
||||
// The menu itself, which is under the content, does not move.
|
||||
|
||||
ion-menu[type=reveal].show-menu {
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
|
||||
@@ -70,18 +70,18 @@ ion-menu[type=reveal].show-menu {
|
||||
// itself, which is under the menu, does not move.
|
||||
|
||||
ion-menu[type=overlay] {
|
||||
z-index: $z-index-menu-overlay;
|
||||
left: -8px; // make up for the box-shadow hanging over on the left
|
||||
z-index: $z-index-menu-overlay;
|
||||
|
||||
.backdrop {
|
||||
display: block;
|
||||
transform: translate3d(-9999px, 0px, 0px);
|
||||
opacity: 0.01;
|
||||
left: -3000px;
|
||||
display: block;
|
||||
width: 6000px;
|
||||
opacity: .01;
|
||||
transform: translate3d(-9999px, 0, 0);
|
||||
|
||||
&.show-backdrop {
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -91,5 +91,5 @@ ion-menu[type=overlay][side=right] {
|
||||
}
|
||||
|
||||
ion-menu[type=push][side=right] {
|
||||
left: 0px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
// Windows Menu
|
||||
// --------------------------------------------------
|
||||
|
||||
$menu-wp-background: #F2F2F2 !default;
|
||||
$menu-wp-background: #f2f2f2 !default;
|
||||
|
||||
|
||||
ion-menu {
|
||||
|
||||
Reference in New Issue
Block a user