[PROD-3709] [FIX] Added adaptive height for datamaping dialog

2 years ago · 4118769366
1 changed files with 8 additions and 0 deletions
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/dialog/mapping-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/dialog/mapping-dialog.component.scss
@ -35,6 +35,14 @@
  .mat-mdc-dialog-content {
    max-height: 670px;
    height: 670px;
+
+    @media screen and (max-height: 800px) {
+      $mat-toolbar-height: 64px;
+      $mat-mdc-dialog-actions: 53px;
+      $dialog-offset: 24px;
+      $content-height: calc(100vh - #{$mat-toolbar-height} - #{$mat-mdc-dialog-actions} - #{$dialog-offset});
+      max-height: $content-height;
+    }
  }

  .ellipsis-chips-container {