From df79f7e58d96b0803005973c790d08b0c6bf19b7 Mon Sep 17 00:00:00 2001
From: alsaze <veselov@alfabit.com>
Date: Wed, 19 Nov 2025 21:35:40 +0300
Subject: [PATCH] init

---
 components/ShortText.vue | 12 +++---------
 pages/index.vue          |  2 +-
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/components/ShortText.vue b/components/ShortText.vue
index 40446d9..25a50b7 100644
--- a/components/ShortText.vue
+++ b/components/ShortText.vue
@@ -8,7 +8,7 @@
       :disabled="!tooltipEnabled"
       :ui="{ text: 'whitespace-normal break-words', content: 'max-w-50 h-auto' }"
     >
-      <span :ref="checkSize" :class="textPrimary ? 'short-text--primary' : ''">{{ text }}</span>
+      <span :class="textPrimary ? 'short-text--primary' : ''">{{ text }}</span>
       <Icon
         v-if="tooltipEnabled"
         name="heroicons:information-circle"
@@ -24,13 +24,13 @@
       :disabled="!tooltipEnabled"
       :ui="{ text: 'whitespace-normal break-words', content: 'max-w-80 h-auto' }"
     >
-      <span :ref="checkSize" :class="textPrimary ? 'short-text--primary' : ''">{{ text }}</span>
+      <span :class="textPrimary ? 'short-text--primary' : ''">{{ text }}</span>
     </UTooltip>
   </div>
 </template>
 
 <script setup lang="ts">
-import { onClickOutside, unrefElement } from '@vueuse/core'
+import { onClickOutside } from '@vueuse/core'
 
 defineProps<{ text: string, textPrimary?: boolean }>()
 
@@ -43,12 +43,6 @@ const { isMobile } = useScreen()
 onClickOutside(wrapper, () => {
   open.value = false
 })
-
-function checkSize(_el: HTMLElement) {
-  const el = unrefElement(_el)
-
-  tooltipEnabled.value = el ? el.scrollWidth > el.clientWidth : false
-}
 </script>
 
 <style lang="scss">
diff --git a/pages/index.vue b/pages/index.vue
index 4d5f26e..1e3b6ce 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -50,7 +50,7 @@ const columns = [
   columnHelper.accessor('id', {
     header: 'ID',
     meta: {
-      width: '50px',
+      width: '55px',
     },
   }),
   columnHelper.accessor('title', {