From 7c273eb1f0a4c6ec1f814d29a98898f2389e0a07 Mon Sep 17 00:00:00 2001
From: Ludvig Svedberg <ludvig.svedberg@mac.com>
Date: Thu, 15 Aug 2024 11:21:16 +0200
Subject: [PATCH] Fix overflow in documents section

---
 src/lib/components/home/Documents.svelte | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/home/Documents.svelte b/src/lib/components/home/Documents.svelte
index b1942363e..e2e09a898 100644
--- a/src/lib/components/home/Documents.svelte
+++ b/src/lib/components/home/Documents.svelte
@@ -16,12 +16,14 @@
     </h2>
     <ul class="menu p-0">
       {#each files.next.slice(0, 4) as file}
-        <li>
+        <li class="inline-block max-w-full">
           <a href={file.thumbnailUrl}>
             <span
               class="i-mdi-document size-6 max-lg:text-primary lg:text-secondary"
             />
-            {file.name}
+            <span class="overflow-x-hidden text-ellipsis whitespace-nowrap">
+              {file.name}
+            </span>
           </a>
         </li>
       {/each}
@@ -38,12 +40,14 @@
     </h2>
     <ul class="menu p-0">
       {#each files.last.slice(0, 4) as file}
-        <li>
-          <a href={file.thumbnailUrl}>
+        <li class="inline-block max-w-full">
+          <a href={file.thumbnailUrl} class="text-ellipsis">
             <span
               class="i-mdi-document size-6 max-lg:text-primary lg:text-secondary"
             />
-            {file.name}
+            <span class="overflow-x-hidden text-ellipsis whitespace-nowrap">
+              {file.name}
+            </span>
           </a>
         </li>
       {/each}