Show scrollbar in txt preview

dataquest-dev · Sep 29, 2023 · 70f0120 · 70f0120
1 parent 32190b5
commit 70f0120
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/.../simple/field-components/preview-section/file-description/file-description.component.html b/.../simple/field-components/preview-section/file-description/file-description.component.html
@@ -81,15 +81,16 @@
           <i class="fa fa-remove">&nbsp;</i>
         </a>
       </div>
-      <div style="max-height: 500px; overflow: hidden; padding: 0px;" class="panel-body">
+      <div [style]="'max-height: 500px; padding: 0px; ' + dynamicOverflow()" class="
+      panel-body">
         <ul class="treeview in collapse show">
           <ng-container *ngIf="fileInput.format === 'application/zip'">
             <ds-file-tree-view
               *ngFor="let node of fileInput.fileInfo"
               [node]="node"
             ></ds-file-tree-view>
           </ng-container>
-          <ng-container *ngIf="fileInput.format === 'text/plain'">
+          <ng-container *ngIf="isTxt()">
             <pre>{{ fileInput.fileInfo[0].content }}</pre>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/html'">

diff --git a/...ge/simple/field-components/preview-section/file-description/file-description.component.ts b/...ge/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -17,4 +17,15 @@ export class FileDescriptionComponent implements OnInit {
   public downloadFiles() {
     window.location.href = `${BASE_LOCAL_URL}${this.fileInput.href}`;
   }
+
+  public isTxt() {
+    return this.fileInput?.format === 'text/plain';
+  }
+
+  /**
+   * Show scrollbar in the `.txt` preview, but it should be hidden in the other formats.
+   */
+  public dynamicOverflow() {
+    return this.isTxt() ? 'overflow: scroll' : 'overflow: hidden';
+  }
 }