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 1c6983888bc65e9e73210ca1b80cb19eea96ed2d..882ea2e3d99c5d3d94b17dd3dd32d5f2ad9e93af 100644 (file)
--- 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>