From b359cd5b26f4f762e1b5783c201e049f33d58086 Mon Sep 17 00:00:00 2001
From: David Ma <davidma415@gmail.com>
Date: Wed, 20 Sep 2023 11:56:09 -0600
Subject: [PATCH] fix: truncate long titles in the sidebar

---
 src/components/product/Sidebar.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/product/Sidebar.vue b/src/components/product/Sidebar.vue
index 74d1dd6c..e2ccc3c3 100644
--- a/src/components/product/Sidebar.vue
+++ b/src/components/product/Sidebar.vue
@@ -2,7 +2,10 @@
   <aside>
     <div class="px-5 py-6 content">
       <header class="mb-6">
-        <span class="title mb-5">
+        <span
+          class="title mb-5"
+          :title="product?.name"
+        >
           {{ product?.name }}
         </span>
         <KAlert
@@ -103,6 +106,9 @@ watch([
     font-size: 20px;
     display: block;
     color: var(--text_colors-primary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .version-select-dropdown :deep(div.k-select-input.select-input-container) {