fix(overlay): adjust max heights to always fit viewport

Closes #2882
camunda · Apr 11, 2022 · 0e468b1 · 0e468b1
1 parent c9b78d8
commit 0e468b1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git 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
@@ -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;