Fix console line number width

janfaracik · janfaracik · commit 64787f21fb58 · 2025-04-22T22:42:02.000+01:00
diff --git a/src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx b/src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx
@@ -47,7 +47,10 @@ export const ConsoleLine = (props: ConsoleLineProps) => {
       >
         <a
           className="console-line-number"
-          href={`?start-byte=${props.startByte}&selected-node=${props.stepId}#log-${props.lineNumber}`} //`}
+          href={`?start-byte=${props.startByte}&selected-node=${props.stepId}#log-${props.lineNumber}`}
+          style={{
+            width: Math.max(9 * String(props.lineNumber).length, 28) + "px",
+          }}
         >
           {props.lineNumber}
         </a>

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,10 @@ export const ConsoleLine = (props: ConsoleLineProps) => {`
`47`	`47`	`>`
`48`	`48`	`<a`
`49`	`49`	`className="console-line-number"`
`50`		- href={`?start-byte=${props.startByte}&selected-node=${props.stepId}#log-${props.lineNumber}`} //`}
	`50`	+ href={`?start-byte=${props.startByte}&selected-node=${props.stepId}#log-${props.lineNumber}`}
	`51`	`+ style={{`
	`52`	`+ width: Math.max(9 * String(props.lineNumber).length, 28) + "px",`
	`53`	`+ }}`
`51`	`54`	`>`
`52`	`55`	`{props.lineNumber}`
`53`	`56`	`</a>`