(airflow) branch main updated: Add pre tag to preserve whitespace. Use p tag for separate lines. (#47672)

[bbovenzi]

This is an automated email from the ASF dual-hosted git repository.

bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/main by this push:
     new 950107feb11 Add pre tag to preserve whitespace. Use p tag for separate 
lines. (#47672)
950107feb11 is described below

commit 950107feb11365686f997128fa71360b88fca8b8
Author: Karthikeyan Singaravelan <tir.kar...@gmail.com>
AuthorDate: Wed Mar 12 20:14:17 2025 +0530

    Add pre tag to preserve whitespace. Use p tag for separate lines. (#47672)
---
 airflow/ui/src/queries/useLogs.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/airflow/ui/src/queries/useLogs.tsx 
b/airflow/ui/src/queries/useLogs.tsx
index 024e663780d..fcdf0d65a9a 100644
--- a/airflow/ui/src/queries/useLogs.tsx
+++ b/airflow/ui/src/queries/useLogs.tsx
@@ -107,9 +107,9 @@ const renderStructuredLog = ({
   }
 
   elements.push(
-    <span className="event" key={2}>
+    <chakra.span className="event" key={2} style={{ whiteSpace: "pre-wrap" }}>
       {event}
-    </span>,
+    </chakra.span>,
   );
 
   for (const key in structured) {
@@ -124,9 +124,9 @@ const renderStructuredLog = ({
   }
 
   return (
-    <chakra.span key={index} lineHeight={1.5}>
+    <chakra.p key={index} lineHeight={1.5}>
       {elements}
-    </chakra.span>
+    </chakra.p>
   );
 };