webview: Fix overflowing diff body (#22959)

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