[GH-ISSUE #216] bug: Git diff view misaligns changed lines due to +/- icons taking horizontal space #129

New issue

Open

opened 2026-10-18 14:03:12 +00:00 by bsakaguchi · 1 comment

bsakaguchi commented

2026-10-18 14:03:12 +00:00

Owner

Originally created by @JKGeovision on GitHub (Aug 6, 2026).
Original GitHub issue: https://github.com/open-webui/computer/issues/216

Hello,

I've discovered an indentation inconsistency in the git diff view where changed lines (prefixed with + or - icons) are shifted further to the right compared to unchanged lines.

The + / - change icons take up horizontal space, which pushes the actual line content farther right than lines without those icons. This creates a visually uneven indentation across the diff, making it harder to read and compare changes cleanly.

Steps to reproduce:

Open a file in the editor that has uncommitted changes (i.e., a file with additions and/or deletions).
Open the git diff view for that file.
Observe the alignment of the lines - changed lines (showing + or - icons) will be indented further to the right than unchanged lines that don't display those icons.

Expected behavior:

All lines in the diff view should share consistent horizontal alignment, regardless of whether they're changed or unchanged. The + / - icons should not affect the indentation of the line content.

Thank you for your time!
Joshua Krimmer

Originally created by @JKGeovision on GitHub (Aug 6, 2026). Original GitHub issue: https://github.com/open-webui/computer/issues/216 Hello, I've discovered an indentation inconsistency in the git diff view where changed lines (prefixed with `+` or `-` icons) are shifted further to the right compared to unchanged lines. The `+` / `-` change icons take up horizontal space, which pushes the actual line content farther right than lines without those icons. This creates a visually uneven indentation across the diff, making it harder to read and compare changes cleanly. **Steps to reproduce:** 1. Open a file in the editor that has uncommitted changes (i.e., a file with additions and/or deletions). 2. Open the git diff view for that file. 3. Observe the alignment of the lines - changed lines (showing `+` or `-` icons) will be indented further to the right than unchanged lines that don't display those icons. **Expected behavior:** All lines in the diff view should share consistent horizontal alignment, regardless of whether they're changed or unchanged. The `+` / `-` icons should not affect the indentation of the line content. Thank you for your time! Joshua Krimmer

bsakaguchi commented

2026-10-18 14:03:13 +00:00

Author

Owner

@owui-terminator[bot] commented on GitHub (Aug 6, 2026):

🔍 Related Issues Found

I found some existing issues that might be related. Please check if any of these are duplicates or contain helpful solutions:

🟣 #191 bug: Git Diff View fails for files with umlauts due to HTML encoding
This is the only nearby Git Diff View issue found in the repository. It concerns the same diff-view component, although the root cause is different: filename HTML encoding breaking diff rendering rather than line indentation/alignment.
by JKGeovision

💡 If your issue is a duplicate, please close it and add any additional details to the existing issue instead.

This comment was generated automatically. React with 👍 if helpful, 👎 if not.

@owui-terminator[bot] commented on GitHub (Aug 6, 2026):  🔍 **Related Issues Found** I found some existing issues that might be related. Please check if any of these are duplicates or contain helpful solutions: 1. 🟣 [#191](https://github.com/open-webui/computer/issues/191) **bug: Git Diff View fails for files with umlauts due to HTML encoding** *This is the only nearby Git Diff View issue found in the repository. It concerns the same diff-view component, although the root cause is different: filename HTML encoding breaking diff rendering rather than line indentation/alignment.* *by JKGeovision* --- 💡 If your issue is a duplicate, please close it and add any additional details to the existing issue instead. *This comment was generated automatically.* React with 👍 if helpful, 👎 if not.

bsakaguchi referenced this issue

2026-10-18 14:04:29 +00:00

[PR #129] [MERGED] 0.9.2 #296