fix(field-property-editor): add max-height and add overflow-y: auto f…

…or field-property-editor-panel #WIK-16855 (#180)
worktile · Dec 10, 2024 · d6571ff · d6571ff
1 parent ae9f2c8
commit d6571ff
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/grid/src/components/field-property-editor/field-property-editor.component.scss b/packages/grid/src/components/field-property-editor/field-property-editor.component.scss
@@ -0,0 +1,7 @@
+.ai-table-field-property-editor-panel {
+    height: auto;
+    max-height: 80vh;
+    .thy-popover-container {
+        overflow-y: auto;
+    }
+}
diff --git a/packages/grid/src/services/field.service.ts b/packages/grid/src/services/field.service.ts
@@ -26,6 +26,8 @@ export class AITableGridFieldService {
             placement: 'bottomLeft',
             manualClosure: true,
             originActiveClass: undefined,
+            height: 'auto',
+            panelClass: 'ai-table-field-property-editor-panel',
             initialState: {
                 aiTable,
                 aiEditField: field,