NU-1804 TimeRangeComponent border issue

TouK · Sep 10, 2024 · a8f5484 · a8f5484
1 parent 51af897
commit a8f5484
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/designer/client/src/components/graph/node-modal/editors/expression/Cron/CronEditor.tsx b/designer/client/src/components/graph/node-modal/editors/expression/Cron/CronEditor.tsx
@@ -8,6 +8,7 @@ import { Formatter, FormatterType, spelFormatters, typeFormatters } from "../For
 import { CronEditorStyled } from "./CronEditorStyled";
 import { ExtendedEditor } from "../Editor";
 import { FieldError } from "../../Validators";
+import { nodeValue } from "../../../NodeDetailsContent/NodeTableStyled";
 
 export type CronExpression = string;
 
@@ -73,7 +74,7 @@ export const CronEditor: ExtendedEditor<Props> = (props: Props) => {
     };
 
     return (
-        <CronEditorStyled ref={node}>
+        <CronEditorStyled ref={node} className={nodeValue}>
             <Input
                 value={value}
                 fieldErrors={fieldErrors}

diff --git a/...client/src/components/graph/node-modal/editors/expression/Duration/TimeRangeComponent.tsx b/...client/src/components/graph/node-modal/editors/expression/Duration/TimeRangeComponent.tsx
@@ -3,7 +3,7 @@ import { cx } from "@emotion/css";
 import { UnknownFunction } from "../../../../../../types/common";
 import { Duration } from "./DurationEditor";
 import { Period } from "./PeriodEditor";
-import { nodeInputWithError } from "../../../NodeDetailsContent/NodeTableStyled";
+import { nodeInput, nodeInputWithError } from "../../../NodeDetailsContent/NodeTableStyled";
 
 export type TimeRangeComponentType = {
     label: string;
@@ -67,6 +67,7 @@ export default function TimeRangeComponent(props: Props) {
                 value={value[component.fieldName] || ""}
                 onChange={(event) => onChange(component.fieldName, parseInt(event.target.value))}
                 className={cx([
+                    nodeInput,
                     "time-range-input",
                     showValidation && !isValid && nodeInputWithError,
                     isMarked && "marked",