Wrap actual line contents so they're not affected by parent's display: flex

This commit is contained in:
Sergio Padrino 2023-09-25 18:45:47 +02:00
parent 7f966b4565
commit 7517283d5d

View file

@ -357,13 +357,15 @@ export class SideBySideDiffRow extends React.Component<
return ( return (
<div className="content" onContextMenu={this.props.onContextMenuText}> <div className="content" onContextMenu={this.props.onContextMenuText}>
<div className="prefix">&nbsp;&nbsp;{prefix}&nbsp;&nbsp;</div> <div className="prefix">&nbsp;&nbsp;{prefix}&nbsp;&nbsp;</div>
{syntaxHighlightLine(data.content, data.tokens)} <div className="content-wrapper">
{data.noNewLineIndicator && ( {syntaxHighlightLine(data.content, data.tokens)}
<Octicon {data.noNewLineIndicator && (
symbol={narrowNoNewlineSymbol} <Octicon
title="No newline at end of file" symbol={narrowNoNewlineSymbol}
/> title="No newline at end of file"
)} />
)}
</div>
</div> </div>
) )
} }