fix: truncate long titles in the sidebar (Kong#253)

Kong · Sep 25, 2023 · 220d68c · 220d68c
1 parent fefc486
commit 220d68c
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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) {