fix(menu): fix content shadow when revealed in iOS (#17383)

ionic-team · Feb 5, 2019 · fc43faa · fc43faa
1 parent 08879c0
commit fc43faa
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/core/src/components/menu-controller/menu-controller.scss b/core/src/components/menu-controller/menu-controller.scss
@@ -18,6 +18,10 @@
   box-shadow: $menu-ios-box-shadow-reveal;
 }
 
+[dir=rtl].ios .menu-content-reveal {
+  box-shadow: $menu-ios-box-shadow-reveal-rtl;
+}
+
 .ios .menu-content-push {
   box-shadow: $menu-ios-box-shadow-push;
 }

diff --git a/core/src/components/menu/menu.ios.vars.scss b/core/src/components/menu/menu.ios.vars.scss
@@ -12,9 +12,15 @@ $menu-ios-box-shadow-color:      rgba(0, 0, 0, .08) !default;
 /// @prop - Box shadow of the menu
 $menu-ios-box-shadow:            -8px 0 42px $menu-ios-box-shadow-color !default;
 
+/// @prop - Box shadow of the menu in rtl mode
+$menu-ios-box-shadow-rtl:        8px 0 42px $menu-ios-box-shadow-color !default;
+
 /// @prop - Box shadow of the reveal menu
 $menu-ios-box-shadow-reveal:     $menu-ios-box-shadow !default;
 
+/// @prop - Box shadow of the reveal menu
+$menu-ios-box-shadow-reveal-rtl: $menu-ios-box-shadow-rtl !default;
+
 /// @prop - Box shadow of the push menu
 $menu-ios-box-shadow-push:       null !default;