Fix result log clipping container

UST-QuAntiL · Aug 18, 2023 · 0c9b31b · 0c9b31b
1 parent 6568b72
commit 0c9b31b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/app/components/timeline-step/timeline-step.component.html b/src/app/components/timeline-step/timeline-step.component.html
@@ -91,7 +91,7 @@ <h1 class="t-page-headline">Timeline Step {{stepId}}</h1>
                 Result Log
             </mat-panel-title>
         </mat-expansion-panel-header>
-        <pre>{{timelineStep.resultLog}}</pre>
+        <pre class="log-text">{{timelineStep.resultLog}}</pre>
     </mat-expansion-panel>
 
     <div class="notes-title" *ngIf="stepTabId === 'overview' && timelineStep.status !== 'PENDING'">

diff --git a/src/app/components/timeline-step/timeline-step.component.sass b/src/app/components/timeline-step/timeline-step.component.sass
@@ -10,6 +10,11 @@
 .result-log
     margin-block: 1rem
 
+.log-text
+    overflow: auto
+    //white-space: pre-wrap
+    //overflow-wrap: anywhere
+
 .notes-card
     margin-block-end: 1rem