Merge pull request #2731 from aryanas159/issue-#2730

fix: #2730 The navbar menu is now responsive

Author: raclim

client/modules/IDE/components/Header/MobileNav.jsx

@@ -94,6 +94,9 @@ export const Options = styled.div`
   ul.opened {
     transform: scale(1);
     opacity: 1;
+    max-width: 90vw;
+    max-height: 90vh;
+    overflow-y: auto;
   }
 
   > div {

client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap

@@ -175,6 +175,9 @@ exports[`Nav renders dashboard version for mobile 1`] = `
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow-y: auto;
 }
 
 .c3 > div {
@@ -816,6 +819,9 @@ exports[`Nav renders editor version for mobile 1`] = `
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
+  max-width: 90vw;
+  max-height: 90vh;
+  overflow-y: auto;
 }
 
 .c3 > div {