Break inside document header title

MuckRock · Nov 20, 2024 · c5d35c6 · c5d35c6
1 parent a8adb45
commit c5d35c6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/lib/components/documents/Header.svelte b/src/lib/components/documents/Header.svelte
@@ -64,6 +64,7 @@
     font-weight: var(--font-semibold);
     font-size: var(--font-xl);
     line-height: 1.2;
+    word-break: break-all;
   }
   .access {
     flex: 0 1 auto;

diff --git a/src/lib/components/documents/stories/Header.stories.svelte b/src/lib/components/documents/stories/Header.stories.svelte
@@ -32,3 +32,14 @@
   name="With HTML description"
   args={{ document: { ...document, description: html } }}
 />
+
+<Story
+  name="With Long Title"
+  args={{
+    document: {
+      ...document,
+      title:
+        "This%20is%20an%20unbroken%20title%20that%20just%20goes%20on%20and%20on%20and%20on%20why%20did%20nobody%20edit%20it%3F",
+    },
+  }}
+/>