From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 13 Nov 2023 14:44:07 +0000 (-0800)
Subject: Fix plain text preview overflow (#4555)
X-Git-Tag: v2.0.0-beta.1~9
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=18995b3561e56439115fab931fdd569ac4246502;p=thirdparty%2Fpaperless-ngx.git

Fix plain text preview overflow (#4555)
---

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index 1c6983888b..882ea2e3d9 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -199,7 +199,7 @@
                                 </ng-template>
                             </ng-container>
                             <ng-container *ngIf="getContentType() === 'text/plain'">
-                                <object [data]="previewUrl | safeUrl" type="text/plain" class="preview-sticky bg-white" width="100%"></object>
+                                <object [data]="previewUrl | safeUrl" type="text/plain" class="preview-sticky bg-light overflow-auto" width="100%"></object>
                             </ng-container>
                             <div *ngIf="requiresPassword" class="password-prompt">
                                 <form>
@@ -242,7 +242,7 @@
             </ng-template>
         </ng-container>
         <ng-container *ngIf="renderAsPlainText">
-            <div [innerText]="previewText" class="preview-sticky bg-light p-3" width="100%"></div>
+            <div [innerText]="previewText" class="preview-sticky bg-light p-3 overflow-auto" width="100%"></div>
         </ng-container>
         <div *ngIf="requiresPassword" class="password-prompt">
             <form>