Shiloh/githaven
Shiloh/githaven
1
0
Fork 1
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

webview: Fix overflowing diff body (#22959)

Browse Source 
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
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web_src/less/_repository.less
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);