From fc43faa86a9fa6fd73279d890756935f5873746e Mon Sep 17 00:00:00 2001 From: Abdelaziz Bennouna Date: Tue, 5 Feb 2019 20:04:49 +0100 Subject: [PATCH] fix(menu): fix content shadow when revealed in iOS (#17383) --- core/src/components/menu-controller/menu-controller.scss | 4 ++++ core/src/components/menu/menu.ios.vars.scss | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/core/src/components/menu-controller/menu-controller.scss b/core/src/components/menu-controller/menu-controller.scss index 81459596b0..fd3d1e4f9d 100644 --- 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 index 3c8ff8ce72..e2fe544869 100644 --- 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;