From a0eb198d089df880cea970f03201337ff28b4be4 Mon Sep 17 00:00:00 2001 From: Aryan Singh Date: Sat, 16 Dec 2023 19:54:25 +0530 Subject: [PATCH 1/2] fix: #2730 The navbar menu is now responsive --- client/modules/IDE/components/Header/MobileNav.jsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/client/modules/IDE/components/Header/MobileNav.jsx b/client/modules/IDE/components/Header/MobileNav.jsx index eeef49e3c6..dc450c6214 100644 --- a/client/modules/IDE/components/Header/MobileNav.jsx +++ b/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 { From 251daa4b0bbe54111b2ce6677fe55650260c335b Mon Sep 17 00:00:00 2001 From: Aryan Singh Date: Sat, 16 Dec 2023 20:09:07 +0530 Subject: [PATCH 2/2] nav test changes --- .../components/Header/__snapshots__/Nav.unit.test.jsx.snap | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap b/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap index 81161448d8..bbfcb41e6e 100644 --- a/client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap +++ b/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 {