From afd23a391a9e527b13889286f4ef70b57e5a85cc Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 22 Apr 2024 21:31:28 -0500
Subject: [PATCH] Add ellipsis for long site titles

---
 src/site/NavClient.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/site/NavClient.tsx b/src/site/NavClient.tsx
index a34d4350..3da2ebcd 100644
--- a/src/site/NavClient.tsx
+++ b/src/site/NavClient.tsx
@@ -58,13 +58,14 @@ export default function NavClient({
                 'flex items-center',
                 'w-full min-h-[4rem]',
               )}>
-              <div className="flex-grow">
-                <ViewSwitcher
-                  currentSelection={switcherSelectionForPath()}
-                  showAdmin={showAdmin}
-                />
-              </div>
-              <div className="hidden xs:block text-right text-balance">
+              <ViewSwitcher
+                currentSelection={switcherSelectionForPath()}
+                showAdmin={showAdmin}
+              />
+              <div className={clsx(
+                'flex-grow text-right text-ellipsis overflow-hidden',
+                'hidden xs:block',
+              )}>
                 {renderLink(SITE_DOMAIN_OR_TITLE, PATH_ROOT)}
               </div>
             </div>]