JSON diff in chnagelog view can be larger than viewport

[otbe]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Description

I recently noticed that if you have a longer description somewhere in the JSON schema it will expand the "diff" view infinitely.

Steps to reproduce

Repro: https://github.com/otbe/eventcatalog-playground

Expected behavior

It should wrap the lines at some point I guess

Actual behavior

You have to scroll horizontally a lot :D

Your environment

• EventCatalog version used: 0.1.14

[donaldpipowitch]

This is not officially supported by diff2html, see rtfpessoa/diff2html#99. There is a workaround however by applying those styles:

.d2h-code-line, .d2h-code-line-ctn {
  white-space: pre-wrap;
}

Lines will break correctly now and the only limitation is (afaik) that line heights will not by in sync in the side-by-side view. But it will make the diff instantly more readable.

@boyney123, would you be fine with this "workaround"? If yes, I'd create a Merge Request.

[boyney123]

Thank you @donaldpipowitch , yeah feel free to make the Merge Request 👍 🙇