Fix code view (diff) broken layout (#23096)

[GiteaBot]

Backport #23096 by @wxiaoguang

Close #22911

I think it's ready for review now, feel free to test it, welcome to help to improve.

Before

After

[wxiaoguang]

Actually , some values like <col width="50"> and <col width="10"> are not fine-tuned. I just put the number there when I was writing the demo .... the main PR got merged faster than I thought.

Do we need some more time to do fine-tune then backport?

ps: if most people think these numbers are fine, that's also good 😁

[6543]

Actually , some values like <col width="50"> and <col width="10"> are not fine-tuned. I just put the number there when I was writing the demo .... the main PR got merged faster than I thought.

Do we need some more time to do fine-tune then backport?

ps: if most people think these numbers are fine, that's also good grin

I think it's good as backport to fix it ... fine tuning it for main could be done later