diff options
author | Ferdinand Thiessen <f.thiessen@gmx.de> | 2023-02-18 02:47:06 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-02-18 09:47:06 +0800 |
commit | 8bba7e30b2833d750af0345b75a3998785ef55ef (patch) | |
tree | c26d9120c6cc7a4659208f0c22c17524c75fd514 | |
parent | e7ef94e00f1319e5fb876f47fee28728bd671f07 (diff) | |
download | gitea-8bba7e30b2833d750af0345b75a3998785ef55ef.tar.gz gitea-8bba7e30b2833d750af0345b75a3998785ef55ef.zip |
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>
-rw-r--r-- | web_src/less/_repository.less | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 39362722de..f7087d4d30 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -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); |