fix(web): settings not scrollable on landscape mobile

kleros · Sep 15, 2023 · 566e38e · 566e38e
1 parent 5952d68
commit 566e38e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/web/src/layout/Header/navbar/Menu/Help.tsx b/web/src/layout/Header/navbar/Menu/Help.tsx
@@ -12,7 +12,6 @@ const Container = styled.div`
   display: flex;
   flex-direction: column;
   position: absolute;
-  max-height: 60vh;
   top: 5%;
   left: 50%;
   transform: translate(-50%);

diff --git a/web/src/layout/Header/navbar/Menu/Settings/index.tsx b/web/src/layout/Header/navbar/Menu/Settings/index.tsx
@@ -8,6 +8,8 @@ import { useFocusOutside } from "hooks/useFocusOutside";
 const Container = styled.div`
   display: flex;
   position: absolute;
+  max-height: 80vh;
+  overflow-y: auto;
   z-index: 1;
   background-color: ${({ theme }) => theme.whiteBackground};
   flex-direction: column;

diff --git a/web/src/layout/Header/navbar/index.tsx b/web/src/layout/Header/navbar/index.tsx
@@ -19,7 +19,7 @@ const Container = styled.div<{ isOpen: boolean }>`
   top: 64px;
   left: 0;
   right: 0;
-  max-height: calc(90vh - 64px);
+  max-height: calc(100vh - 64px);
   overflow-y: auto;
   z-index: 1;
   background-color: ${({ theme }) => theme.whiteBackground};