From 0e468b1bfdde360675491cdc63feccfa1d9da15d Mon Sep 17 00:00:00 2001
From: Beatriz Mendes <bea.smendes98@gmail.com>
Date: Mon, 11 Apr 2022 11:03:58 +0200
Subject: [PATCH] fix(overlay): adjust max heights to always fit viewport

Closes #2882
---
 client/src/plugins/report-feedback/ReportFeedbackOverlay.js | 1 -
 client/src/shared/ui/overlay/Overlay.less                   | 3 +++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/plugins/report-feedback/ReportFeedbackOverlay.js b/client/src/plugins/report-feedback/ReportFeedbackOverlay.js
index ef5db64b3a..3cef1fc358 100644
--- a/client/src/plugins/report-feedback/ReportFeedbackOverlay.js
+++ b/client/src/plugins/report-feedback/ReportFeedbackOverlay.js
@@ -27,7 +27,6 @@ export function ReportFeedbackOverlay(props) {
     <Overlay
       anchor={ props.anchor }
       onClose={ props.onClose }
-      maxHeight="calc(100vh - 250px)"
       offset={ OFFSET }
       className={ css.ReportFeedbackOverlay }
     >
diff --git a/client/src/shared/ui/overlay/Overlay.less b/client/src/shared/ui/overlay/Overlay.less
index 3be280b92b..438a2eb6b1 100644
--- a/client/src/shared/ui/overlay/Overlay.less
+++ b/client/src/shared/ui/overlay/Overlay.less
@@ -91,6 +91,8 @@
   .fields {
     display: grid;
     grid-gap: 12px;
+    max-height: calc(100vh - 176px);
+    overflow: scroll;
   }
 
   button[type="submit"] {
@@ -113,6 +115,7 @@
 
   ul.dashed {
     list-style: none;
+    max-height: calc(100vh - 250px);
 
     li {
       margin-bottom: 4px;