From c4f4b43b2054024a25efee47c17ae39d898e79fb Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Sun, 28 Jan 2024 23:20:00 +0100
Subject: [PATCH] fix: make breadcrumbs fully truncate on mobile

The last element of the breadcrumb (page title) wasn't truncating.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 layouts/partials/breadcrumbs.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/breadcrumbs.html b/layouts/partials/breadcrumbs.html
index 1f177665e5..e7077aa3a6 100644
--- a/layouts/partials/breadcrumbs.html
+++ b/layouts/partials/breadcrumbs.html
@@ -8,11 +8,11 @@
       {{- if $i -}}
         <span>/</span>
       {{- end -}}
-      <a href="{{ $e.path }}" class="link whitespace-nowrap overflow-hidden overflow-ellipsis">{{ markdownify $e.title }}</a>
+      <a href="{{ $e.path }}" class="link truncate">{{ markdownify $e.title }}</a>
     {{- end -}}
   {{- end -}}
   {{- with $scratch.Get "lastsection" -}}
   <span>/</span>
-  <span class="shrink-0">{{ markdownify .title }}</span>
+  <span class="truncate">{{ markdownify .title }}</span>
   {{- end -}}
 </nav>