File tree Expand file tree Collapse file tree 1 file changed +16
-4
lines changed Expand file tree Collapse file tree 1 file changed +16
-4
lines changed Original file line number Diff line number Diff line change @@ -411,7 +411,7 @@ class DiffViewer extends React.Component<ReactDiffViewerProps, ReactDiffViewerSt
411
411
leftBlockLineNumber : number ,
412
412
rightBlockLineNumber : number ,
413
413
) : JSX . Element => {
414
- const { splitView } = this . props ;
414
+ const { hideLineNumbers , splitView } = this . props ;
415
415
const message = this . props . codeFoldMessageRenderer
416
416
? this . props
417
417
. codeFoldMessageRenderer ( num , leftBlockLineNumber , rightBlockLineNumber )
@@ -425,12 +425,24 @@ class DiffViewer extends React.Component<ReactDiffViewerProps, ReactDiffViewerSt
425
425
) ;
426
426
return (
427
427
< tr key = { `${ leftBlockLineNumber } -${ rightBlockLineNumber } ` } className = { this . styles . codeFold } >
428
- { ! this . props . hideLineNumbers && (
428
+ { ! hideLineNumbers && (
429
429
< td className = { this . styles . codeFoldGutter } />
430
430
) }
431
431
< td className = { cn ( { [ this . styles . codeFoldGutter ] : ! splitView } ) } />
432
- { splitView ? content : < td /> }
433
- { ! splitView ? content : < td /> }
432
+
433
+ { /* Swap columns only for unified view without line numbers */ }
434
+ { ( ! splitView && ! hideLineNumbers ) ? (
435
+ < React . Fragment >
436
+ < td />
437
+ { content }
438
+ </ React . Fragment >
439
+ ) : (
440
+ < React . Fragment >
441
+ { content }
442
+ < td />
443
+ </ React . Fragment >
444
+ ) }
445
+
434
446
< td />
435
447
< td />
436
448
</ tr >
You can’t perform that action at this time.
0 commit comments