fix(ui): ensure text wrap works in HunkDiff

[nshcr]

The Appearance -> Text wrap option in Global Settings doesn't seem to have any effect.
I found that the issue was caused by the white-space: pre style, which was preventing text from wrapping.

So I changed white-space to pre-wrap when wrapText is true. It should be working correctly now.

Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gitbutler-components	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 21, 2025 0:41am

[vercel]

@nshcr is attempting to deploy a commit to the GitButler Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Pull Request Overview

This PR enables text wrapping in the HunkDiff component by replacing the fixed white-space: pre with a dynamic pre-wrap when wrapText is enabled.

• Updated the inline style on the <td> to set a --pre-wrap CSS variable based on wrapText.
• Changed two hardcoded white-space: pre declarations to white-space: var(--pre-wrap).

Comments suppressed due to low confidence (2)

packages/ui/src/lib/hunkDiff/HunkDiffRow.svelte:213

• [nitpick] The CSS variable name --pre-wrap could be confusing since it doesn’t clearly indicate it maps to the white-space property. Consider renaming it to something like --whitespace-value or --white-space-setting.

		style="--tab-size: {tabSize}; --wrap: {wrapText ? 'wrap' : 'nowrap'}; --pre-wrap: {wrapText

packages/ui/src/lib/hunkDiff/HunkDiffRow.svelte:298

• We haven’t added any unit or visual tests to verify that wrapText actually causes wrapping. Consider adding a Jest/Playwright test or snapshot to cover this new behavior.

		white-space: var(--pre-wrap);

[Copilot]

The white-space: var(--pre-wrap) declaration is duplicated in two selectors. To improve maintainability, consider extracting it into a shared class or mixin to avoid repetition.

[Byron]

Thanks a lot for contributing!

Do you have before-after screenshots by any chance?

Besides that, someone with better Csskills will take a look soon :)!

[nshcr]

Kapture.2025-06-22.at.14.38.43.webm

@Byron Of course! I recorded a video showing the difference before and after applying this commit. The dev build was run based on the latest commit on master.

By the way, this issue likely exists in the v2 version of the component as well. Since I noticed that it has already been deprecated, I didn't make any changes there.
Let me know if I missed anything, I'd be happy to continue improving this PR!