Fix scroll overlaying elements in WorkflowParametersPanel (#3745)

This commit is contained in:
Stanislav Novosad
2025-10-16 14:25:56 -06:00
committed by GitHub
parent 79daa287eb
commit 7dda8efe06
3 changed files with 4 additions and 4 deletions

View File

@@ -101,7 +101,7 @@ function WorkflowParameterAddPanel({ type, onClose, onSave }: Props) {
return ( return (
<ScrollArea> <ScrollArea>
<ScrollAreaViewport className="max-h-[500px]"> <ScrollAreaViewport className="max-h-[500px]">
<div className="space-y-4 p-1"> <div className="space-y-4 p-1 px-4">
<header className="flex items-center justify-between"> <header className="flex items-center justify-between">
<span>{header(type)}</span> <span>{header(type)}</span>
<Cross2Icon className="h-6 w-6 cursor-pointer" onClick={onClose} /> <Cross2Icon className="h-6 w-6 cursor-pointer" onClick={onClose} />

View File

@@ -185,7 +185,7 @@ function WorkflowParameterEditPanel({
return ( return (
<ScrollArea> <ScrollArea>
<ScrollAreaViewport className="max-h-[500px]"> <ScrollAreaViewport className="max-h-[500px]">
<div className="space-y-4 p-1"> <div className="space-y-4 p-1 px-4">
<header className="flex items-center justify-between"> <header className="flex items-center justify-between">
<span>{header(type)}</span> <span>{header(type)}</span>
<Cross2Icon className="h-6 w-6 cursor-pointer" onClick={onClose} /> <Cross2Icon className="h-6 w-6 cursor-pointer" onClick={onClose} />

View File

@@ -241,7 +241,7 @@ function WorkflowParametersPanel({ onMouseDownCapture }: Props) {
}} }}
> >
{operationPanelState.operation === "add" && ( {operationPanelState.operation === "add" && (
<div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 shadow-xl"> <div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 px-2 shadow-xl">
<WorkflowParameterAddPanel <WorkflowParameterAddPanel
type={operationPanelState.type} type={operationPanelState.type}
onSave={(parameter) => { onSave={(parameter) => {
@@ -265,7 +265,7 @@ function WorkflowParametersPanel({ onMouseDownCapture }: Props) {
)} )}
{operationPanelState.operation === "edit" && {operationPanelState.operation === "edit" &&
operationPanelState.parameter && ( operationPanelState.parameter && (
<div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 shadow-xl"> <div className="w-80 rounded-xl border border-slate-700 bg-slate-950 p-5 px-2 shadow-xl">
<WorkflowParameterEditPanel <WorkflowParameterEditPanel
key={operationPanelState.parameter?.key} key={operationPanelState.parameter?.key}
type={operationPanelState.type} type={operationPanelState.type}