feat(Table): limit popover max height

gravity-ui · Sep 26, 2024 · c3adeb9 · c3adeb9
1 parent 12fc6c8
commit c3adeb9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/TableSettings/TableSettings.scss b/src/components/TableSettings/TableSettings.scss
@@ -3,9 +3,14 @@
 $block: '.#{variables.$ns}table-settings';
 
 #{$block} {
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+
     &__popover-content {
         padding: var(--g-spacing-1);
-        margin-block: -10px;
+        margin-block-end: -10px;
+        overflow: auto;
     }
 
     &__popover-actions {

diff --git a/src/components/TableSettings/TableSettings.tsx b/src/components/TableSettings/TableSettings.tsx
@@ -111,6 +111,7 @@ export const TableSettings = <TData extends unknown>({
                 onClose={() => setOpen(false)}
                 anchorRef={anchorRef}
                 placement={POPUP_PLACEMENT}
+                contentClassName={b()}
             >
                 <div className={b('popover-content')}>
                     <DndContext