Add min-width: 0 to cob content

This allows content that shows a code block to shrink so title can wrap on desktop.
radicle-dev · Jan 11, 2024 · b3675c1 · b3675c1
1 parent 9a2f88a
commit b3675c1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/views/projects/Issue.svelte b/src/views/projects/Issue.svelte
@@ -416,6 +416,14 @@
     gap: 1.5rem;
     width: 20rem;
   }
+  .content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: 1.5rem;
+    /* Resets auto default to shrink pre elements */
+    min-width: 0;
+  }
 
   .threads {
     display: flex;
@@ -449,7 +457,7 @@
 
 <Layout {baseUrl} {project} activeTab="issues">
   <div class="issue">
-    <div style="display: flex; flex: 1; flex-direction: column; gap: 1.5rem;">
+    <div class="content">
       <CobHeader id={issue.id}>
         <svelte:fragment slot="title">
           {#if issueState !== "read"}

diff --git a/src/views/projects/Patch.svelte b/src/views/projects/Patch.svelte
@@ -569,6 +569,13 @@
     height: fit-content;
     width: 20rem;
   }
+  .content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    /* Resets auto default to shrink pre elements */
+    min-width: 0;
+  }
   .tabs {
     display: flex;
     margin: 3rem 0 1rem 0;
@@ -623,7 +630,7 @@
 
 <Layout {baseUrl} {project} activeTab="patches">
   <div class="patch">
-    <div style="display: flex; flex: 1; flex-direction: column;">
+    <div class="content">
       <CobHeader id={patch.id}>
         <svelte:fragment slot="title">
           {#if patchState !== "read"}