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

Closes #2882
camunda · Apr 19, 2022 · d52ff9f · d52ff9f
1 parent c9b78d8
commit d52ff9f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
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
@@ -84,8 +84,10 @@
 
   fieldset {
     border: none;
-    margin: 0 0 5px 0;
-    padding: 0;
+    margin: 0 -12px 5px 0;
+    padding: 0 12px 0 0;
+    max-height: calc(100vh - 176px);
+    overflow-y: auto;
   }
 
   .fields {
@@ -113,6 +115,7 @@
 
   ul.dashed {
     list-style: none;
+    max-height: calc(100vh - 250px);
 
     li {
       margin-bottom: 4px;