From c0cab3abf291ae28d6150c4c3a1803ca8d8b0899 Mon Sep 17 00:00:00 2001
From: Rowan Cockett <rowanc1@gmail.com>
Date: Wed, 6 Nov 2024 12:34:48 -0700
Subject: [PATCH 1/2] =?UTF-8?q?=E2=86=94=EF=B8=8F=20Truncate=20long=20resu?=
 =?UTF-8?q?lts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/breezy-cups-kick.md                     | 5 +++++
 packages/site/src/components/Navigation/Search.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/breezy-cups-kick.md

diff --git a/.changeset/breezy-cups-kick.md b/.changeset/breezy-cups-kick.md
new file mode 100644
index 00000000..12307fa5
--- /dev/null
+++ b/.changeset/breezy-cups-kick.md
@@ -0,0 +1,5 @@
+---
+'@myst-theme/site': patch
+---
+
+Update search to truncate long results
diff --git a/packages/site/src/components/Navigation/Search.tsx b/packages/site/src/components/Navigation/Search.tsx
index 5dbb876e..16b89a96 100644
--- a/packages/site/src/components/Navigation/Search.tsx
+++ b/packages/site/src/components/Navigation/Search.tsx
@@ -267,7 +267,7 @@ function SearchResultItem({
     >
       <div className="flex flex-row h-11">
         {iconRenderer}
-        <div className="flex flex-col justify-center grow">
+        <div className="flex flex-col justify-center truncate">
           {titleRenderer}
           {subtitleRenderer}
         </div>

From 8dc7ea8f72ed7c51b740632b5b0f34993ee14177 Mon Sep 17 00:00:00 2001
From: Rowan Cockett <rowanc1@gmail.com>
Date: Wed, 6 Nov 2024 12:36:31 -0700
Subject: [PATCH 2/2] add grow back in

---
 packages/site/src/components/Navigation/Search.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/site/src/components/Navigation/Search.tsx b/packages/site/src/components/Navigation/Search.tsx
index 16b89a96..41cc755f 100644
--- a/packages/site/src/components/Navigation/Search.tsx
+++ b/packages/site/src/components/Navigation/Search.tsx
@@ -267,7 +267,7 @@ function SearchResultItem({
     >
       <div className="flex flex-row h-11">
         {iconRenderer}
-        <div className="flex flex-col justify-center truncate">
+        <div className="flex flex-col justify-center truncate grow">
           {titleRenderer}
           {subtitleRenderer}
         </div>