diff --git a/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss b/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss index f29c3f757..816319a0b 100644 --- a/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss +++ b/apps/client/src/features/app-settings/panel-utils/PanelUtils.module.scss @@ -82,10 +82,12 @@ $card-padding: 2rem; color: $error-red; } -// tables scroll with the panel rather than owning a nested scroll area, -// which keeps the sticky table head anchored to the panel viewport +// Tables retain the panel's vertical scroll so sticky headers remain anchored +// to the panel viewport. They may scroll horizontally when their columns need +// more room than a narrow settings panel can provide. .pad { padding: 0 var(--panel-card-padding, #{$card-padding}); + overflow-x: auto; } .table { diff --git a/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.module.scss b/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.module.scss index 031e84b36..9073182f8 100644 --- a/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.module.scss +++ b/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.module.scss @@ -1,14 +1,3 @@ -.form { - display: flex; - flex-direction: column; - flex: 1; - min-height: 0; -} - -.formScroll { - height: 100%; -} - .outerColumn { display: flex; flex-direction: column; diff --git a/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx b/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx index 325a5a513..7368a2f69 100644 --- a/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx +++ b/apps/client/src/features/app-settings/panel/automations-panel/AutomationForm.tsx @@ -22,7 +22,6 @@ import Input from '../../../../common/components/input/input/Input'; import ExternalLink from '../../../../common/components/link/external-link/ExternalLink'; import Modal from '../../../../common/components/modal/Modal'; import RadioGroup from '../../../../common/components/radio-group/RadioGroup'; -import ScrollArea from '../../../../common/components/scroll-area/ScrollArea'; import Select from '../../../../common/components/select/Select'; import Tag from '../../../../common/components/tag/Tag'; import useAutomationSettings from '../../../../common/hooks-query/useAutomationSettings'; @@ -245,11 +244,10 @@ export default function AutomationForm({ automation, triggers = [], onClose }: A onClose={onClose} showBackdrop showCloseButton - size='wide' title={isEdit ? 'Edit automation' : 'Create automation'} bodyElements={ -