diff options
| -rw-r--r-- | src/components/PatchHelper.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/PatchHelper.tsx b/src/components/PatchHelper.tsx index 6ce093f..f32201a 100644 --- a/src/components/PatchHelper.tsx +++ b/src/components/PatchHelper.tsx @@ -85,8 +85,8 @@ function ReplacementComponent({ module, match, replacement, setReplacementError return ( <> - {Parser.parse(fullMatch)} - {Parser.parse(groups)} + <div style={{ userSelect: "text" }}>{Parser.parse(fullMatch)}</div> + <div style={{ userSelect: "text" }}>{Parser.parse(groups)}</div> </> ); } @@ -94,7 +94,7 @@ function ReplacementComponent({ module, match, replacement, setReplacementError function renderDiff() { return diff?.map(p => { const color = p.added ? "lime" : p.removed ? "red" : "grey"; - return <span style={{ color }}>{p.value}</span>; + return <div style={{ color, userSelect: "text" }}>{p.value}</div>; }); } @@ -284,7 +284,7 @@ function PatchHelper() { {!!(find && match && replacement) && ( <> <Forms.FormTitle className={Margins.marginTop20}>Code</Forms.FormTitle> - {Parser.parse(makeCodeblock(code, "ts"))} + <div style={{ userSelect: "text" }}>{Parser.parse(makeCodeblock(code, "ts"))}</div> <Button onClick={() => Clipboard.copy(code)}>Copy to Clipboard</Button> </> )} |