[#65872] fix word wraping in preview

antmicro · Sep 24, 2024 · 1cf273f · 1cf273f
1 parent 2420142
commit 1cf273f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/MystEditor.js b/src/MystEditor.js
@@ -75,6 +75,7 @@ const StatusBanner = styled.div`
  * Ideally we would use CSS Grid but that has some performance issues with CodeMirror on Chromium. */
 const FlexWrapper = styled.div`
   flex: 1;
+  min-width: 0;
   height: 100%;
   min-height: 500px;
 `;

diff --git a/src/components/Preview.js b/src/components/Preview.js
@@ -12,7 +12,7 @@ const Preview = styled.div`
   border-radius: var(--border-radius);
   vertical-align: top;
   color: var(--gray-900);
-  word-break: break-all;
+  word-wrap: break-word;
   position: relative;
   overflow-y: auto;
   scrollbar-width: thin;