fix(material/form-builder): dnd from left bar difficult with long forms

gnucoop · Feb 5, 2020 · 9ebf2a9 · 9ebf2a9
1 parent 9a8aa8c
commit 9ebf2a9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/dev-app-mat/form-builder/form-builder-demo.scss b/src/dev-app-mat/form-builder/form-builder-demo.scss
@@ -7,4 +7,8 @@
   .demo-form-builder-container {
     position: relative;
   }
+
+  ajf-form-builder {
+    height: calc(80vh - 120px);
+  }
 }
diff --git a/src/material/form-builder/form-builder.scss b/src/material/form-builder/form-builder.scss
@@ -1,4 +1,10 @@
 ajf-form-builder {
+  display: flex;
+  position: relative;
+  min-height: 300px;
+  flex-direction: column;
+  align-items: stretch;
+
   mat-toolbar {
     mat-menu {
       div[mat-menu-item] {
@@ -12,20 +18,14 @@ ajf-form-builder {
     }
   }
   mat-drawer-container {
-    height: 700px;
+    flex: 1;
 
     mat-drawer {
       max-width: 20%;
     }
 
     .ajf-designer {
       padding: 1em;
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      overflow-y: auto;
     }
   }