From 8bba7e30b2833d750af0345b75a3998785ef55ef Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <f.thiessen@gmx.de>
Date: Sat, 18 Feb 2023 02:47:06 +0100
Subject: [PATCH] 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>
---
 web_src/less/_repository.less | 5 +++++
 1 file changed, 5 insertions(+)

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);