fix: correct text truncate on title

ICIJ · Jul 12, 2024 · d574bb3 · d574bb3
1 parent 5a14ad7
commit d574bb3
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/FiltersPanel/FiltersPanelSectionFilterTitle.vue b/src/components/FiltersPanel/FiltersPanelSectionFilterTitle.vue
@@ -43,11 +43,13 @@ const classList = computed(() => {
 <template>
   <h3 class="filters-panel-section-filter-title" :class="classList">
     <slot>
-      <span @click="emit('toggle', !collapse)" class="flex-grow-1">
+      <span
+        v-ellipsis-tooltip="{ title, placement: 'right' }"
+        class="flex-grow-1 text-truncate"
+        @click="emit('toggle', !collapse)"
+      >
         <phosphor-icon :name="icon" class="me-2" />
-        <span v-ellipsis-tooltip="{ title, placement: 'right' }" class="text-truncate flex-grow-1">
-          {{ title }}
-        </span>
+        {{ title }}
       </span>
       <filters-panel-section-filter-title-sort
         v-if="!hideSort && !collapse"