fix(Tooltip): truncate

This commit is contained in:
Benjamin Canac
2023-02-22 15:59:01 +01:00
parent 6aecb082d2
commit d08e64d53f
2 changed files with 2 additions and 2 deletions

View File

@@ -8,7 +8,7 @@
<transition appear v-bind="transitionClass"> <transition appear v-bind="transitionClass">
<div :class="[baseClass, backgroundClass, roundedClass, shadowClass, ringClass]"> <div :class="[baseClass, backgroundClass, roundedClass, shadowClass, ringClass]">
<slot name="text"> <slot name="text">
<span class="truncate">{{ text }}</span> {{ text }}
</slot> </slot>
<span v-if="shortcuts?.length" class="inline-flex items-center justify-end flex-shrink-0 gap-0.5 ml-1"> <span v-if="shortcuts?.length" class="inline-flex items-center justify-end flex-shrink-0 gap-0.5 ml-1">

View File

@@ -520,7 +520,7 @@ export default function defaultPreset (variantColors: string[]) {
shadow: 'shadow', shadow: 'shadow',
rounded: 'rounded', rounded: 'rounded',
ring: 'ring-1 u-ring-gray-200', ring: 'ring-1 u-ring-gray-200',
base: 'invisible lg:visible h-6 px-2 py-1 text-xs font-normal', base: 'invisible lg:visible h-6 px-2 py-1 text-xs font-normal truncate',
transition: { transition: {
enterActiveClass: 'transition ease-out duration-200', enterActiveClass: 'transition ease-out duration-200',
enterFromClass: 'opacity-0 translate-y-1', enterFromClass: 'opacity-0 translate-y-1',