From 0c9b31b31f24df157efc5fe569b9b96e9b8a253b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabian=20B=C3=BChler?=
 <17296905+buehlefs@users.noreply.github.com>
Date: Fri, 18 Aug 2023 15:05:41 +0200
Subject: [PATCH] Fix result log clipping container

---
 .../components/timeline-step/timeline-step.component.html    | 2 +-
 .../components/timeline-step/timeline-step.component.sass    | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/components/timeline-step/timeline-step.component.html b/src/app/components/timeline-step/timeline-step.component.html
index 65abe5f..3c4f516 100644
--- 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
index 274b054..1563ac1 100644
--- 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