From 32654efce89a1c0a69a5a4bc47e8861b1b3c7541 Mon Sep 17 00:00:00 2001
From: Steve Bauman <steven_bauman@outlook.com>
Date: Mon, 4 Dec 2023 10:54:43 -0500
Subject: [PATCH] Truncate long tab names

Closes #194
---
 components/Tab.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/Tab.vue b/components/Tab.vue
index f070fc5..7405c45 100644
--- a/components/Tab.vue
+++ b/components/Tab.vue
@@ -20,13 +20,12 @@
             </Button>
         </div>
 
-        <div class="flex items-center justify-center text-center w-full">
+        <div class="flex items-center justify-center text-center w-full truncate">
             <button
                 dusk="button-view-tab"
                 @focus="focusing = true"
                 @blur="focusing = false"
-                :class="{ 'tracking-wide px-4': active, 'px-2': !active }"
-                class="flex items-center h-full py-1 w-42 focus:outline-none"
+                class="flex items-center h-full py-1 w-42 focus:outline-none truncate px-2"
             >
                 <input
                     dusk="input-tab-name"
@@ -35,7 +34,7 @@
                     ref="titleInput"
                     type="text"
                     @keyup.enter="save"
-                    class="w-full p-0 pl-4 text-xs text-center font-semibold tracking-wide truncate bg-transparent border-0 shadow-none focus:ring-0"
+                    class="w-full p-0 pl-4 text-xs text-center tracking-wide truncate bg-transparent border-0 shadow-none focus:ring-0"
                 />
 
                 <span v-show="!editingName" class="text-xs truncate">