From 07d55c5dba0b08868c77a0f855992c5651477d32 Mon Sep 17 00:00:00 2001
From: Fareesh Vijayarangam <fareesh@itsalive.in>
Date: Fri, 3 Jun 2016 08:42:46 -0400
Subject: [PATCH] fix(Menu): fix right overlay menu when rotating device

---
 src/components/menu/menu-types.ts | 4 ++--
 src/components/menu/menu.scss     | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/menu/menu-types.ts b/src/components/menu/menu-types.ts
index 9d1e88de4c..fcf808fd28 100644
--- a/src/components/menu/menu-types.ts
+++ b/src/components/menu/menu-types.ts
@@ -137,8 +137,8 @@ class MenuOverlayType extends MenuType {
     let closedX: string, openedX: string;
     if (menu.side === 'right') {
       // right side
-      closedX = platform.width() + 'px';
-      openedX = (platform.width() - menu.width() - 8) + 'px';
+      closedX = menu.width() + 'px';
+      openedX = '0px';
 
     } else {
       // left side
diff --git a/src/components/menu/menu.scss b/src/components/menu/menu.scss
index 35c47df0c0..3008056a3a 100644
--- a/src/components/menu/menu.scss
+++ b/src/components/menu/menu.scss
@@ -90,7 +90,8 @@ ion-menu[type=overlay] {
 }
 
 ion-menu[type=overlay][side=right] {
-  left: 8px;
+  left: auto;
+	right: 0;
 }
 
 ion-menu[type=push][side=right] {