From b3675c113252dfb0340117efd13f1b1311f8942e Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Thu, 11 Jan 2024 11:59:47 +0100
Subject: [PATCH] Add `min-width: 0` to cob content

This allows content that shows a code block to shrink so title can wrap
on desktop.
---
 src/views/projects/Issue.svelte | 10 +++++++++-
 src/views/projects/Patch.svelte |  9 ++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/views/projects/Issue.svelte b/src/views/projects/Issue.svelte
index e16fdca483..63684e89a4 100644
--- 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
index b433c19c74..507f354a21 100644
--- 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"}