Truncate long modal dialog (#597)

* fix: dialog float over backdrop background * fix: margin top and bottom
NethServer · Mar 4, 2024 · fce7b1c · fce7b1c
1 parent e6862d3
commit fce7b1c
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/core/ui/src/styles/_core.scss b/core/ui/src/styles/_core.scss
@@ -935,3 +935,17 @@ ul.unordered-list {
   opacity: 0;
 }
 // fade transition end
+
+// keep modal floating on the backdrop background
+@media (min-width: $breakpoint-medium) {
+  .bx--modal {
+    align-items: start;
+    overflow-y: auto;
+  }
+
+  .bx--modal-container {
+    max-height: none;
+    margin-top: 120px;
+    margin-bottom: 120px;
+  }
+}