webview: Fix overflowing diff body ()

If the content is quite large the diff body overflows the container and
can not be read.
This is fixed by setting the diff body maximum width to 100% and enable
overflow scrollbars:

before | after
---|---

![Screenshot_20230217_184716](https://user-images.githubusercontent.com/1855448/219733934-75bec38c-7cfe-47bb-b001-b090c02b769e.png)
|
![Screenshot_20230217_184655](https://user-images.githubusercontent.com/1855448/219733971-4db092d1-ffcb-4298-a640-f740a3ac430b.png)

Signed-off-by: Ferdinand Thiessen <rpm@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2023-02-18 02:47:06 +01:00 committed by GitHub
parent e7ef94e00f
commit 8bba7e30b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -3187,6 +3187,7 @@ td.blob-excerpt {
} }
#diff-file-boxes { #diff-file-boxes {
flex: 1; flex: 1;
max-width: 100%;
} }
#diff-file-tree { #diff-file-tree {
@ -3295,6 +3296,10 @@ td.blob-excerpt {
} }
} }
.diff-file-body {
overflow-x: scroll;
}
.diff-stats-bar { .diff-stats-bar {
display: inline-block; display: inline-block;
background-color: var(--color-red); background-color: var(--color-red);