Fix overflow issue in patch body

radicle-dev · Jan 17, 2025 · 296c046 · 296c046
1 parent 67b685d
commit 296c046
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/Border.svelte b/src/components/Border.svelte
@@ -10,6 +10,7 @@
     stylePadding?: string;
     styleHeight?: string;
     styleMinHeight?: string;
+    styleMinWidth?: string;
     styleWidth?: string;
     styleDisplay?: string;
     styleCursor?: "default" | "pointer" | "text";
@@ -36,6 +37,7 @@
     styleDisplay = "flex",
     styleCursor = "default",
     styleGap = "0.5rem",
+    styleMinWidth,
     styleOverflow,
     flatTop = false,
     flatBottom = false,
@@ -54,8 +56,6 @@
 
 <style>
   .container {
-    white-space: nowrap;
-
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     user-select: none;
@@ -245,6 +245,7 @@
   <div class="p3-2"></div>
   <div
     class="p3-3"
+    style:min-width={styleMinWidth}
     style:display={styleDisplay}
     style:position={stylePosition}
     style:padding={stylePadding}

diff --git a/src/views/repo/Patch.svelte b/src/views/repo/Patch.svelte
@@ -485,6 +485,7 @@
       flatTop
       styleWidth="100%"
       stylePadding="1rem"
+      styleMinWidth="0"
       styleDisplay="block"
       styleFlexDirection="column"
       styleAlignItems="flex-start">