fix: KStamp should not hide the text when the screen is xs (close #964)

kalisio · Oct 2, 2024 · 681653f · 681653f
1 parent 8cea356
commit 681653f
Showing 1 changed file with 3 additions and 9 deletions.
diff --git a/core/client/components/KStamp.vue b/core/client/components/KStamp.vue
@@ -6,13 +6,10 @@
       'column items-center q-gutter-y-sm': direction === 'vertical',
       'row items-center no-wrap q-gutter-x-sm': direction === 'horizontal'
     }">
-      <div>
-        <q-icon v-if="canShowIcon" :size="iconSize" :name="icon" />
-          <q-tooltip v-if="!canShowText">
-            {{ $tie(text) }}
-          </q-tooltip>
+      <div v-if="canShowIcon">
+        <q-icon :size="iconSize" :name="icon" />
       </div>
-      <div v-if="canShowText" class="ellipsis" :style="`font-size: ${textSize};`"
+      <div class="ellipsis" :style="`font-size: ${textSize};`"
         v-bind:class="{'text-center': direction === 'vertical' }"
       >
          {{ $tie(text) }}
@@ -59,7 +56,4 @@ const $q = useQuasar()
 const canShowIcon = computed(() => {
   return !_.isEmpty(props.icon)
 })
-const canShowText = computed(() => {
-  return props.direction === 'vertical' || _.isEmpty(props.icon) || $q.screen.gt.xs
-})
 </script>