From 6688c02aa2c6323b4da88288e960ffe3d94a9599 Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Thu, 7 Sep 2023 12:33:08 -0300
Subject: [PATCH] ellipsis modal breadcrumbs

---
 src/views/Page/Breadcrumbs.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/Page/Breadcrumbs.svelte b/src/views/Page/Breadcrumbs.svelte
index a7a1b6d..e19db31 100644
--- a/src/views/Page/Breadcrumbs.svelte
+++ b/src/views/Page/Breadcrumbs.svelte
@@ -69,11 +69,16 @@
   <Modal onClose={() => (breadcrumbsModalOpen = false)}>
     <ol class="h-full w-full">
       {#each $pageBreadcrumbs as crumb, index}
-        <li>
+        <li
+          class="flex items-center overflow-hidden text-ellipsis whitespace-nowrap"
+        >
+          {#if index !== 0}
+            <span aria-hidden="true" class="text-lg">↪</span>
+          {/if}
           <a
             href={inject(routes.Page, { worldId, pageId: crumb })}
             on:click={() => ((breadcrumbsModalOpen = false), true)}
-            class="flex items-center text-ellipsis whitespace-nowrap p-4"
+            class="overflow-hidden text-ellipsis whitespace-nowrap py-2 pl-4 text-lg"
             class:active-breadcrumb={crumb === pageId}
             >{$crumbsTitles[index] || crumb}</a
           >