feat(breadcrumb): add line-clamp for item labels

RISDEV-0000
digitalservicebund · Oct 22, 2024 · 00b68eb · 00b68eb
1 parent a50e25a
commit 00b68eb
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/primevue/breadcrumb/breadcrumb.stories.ts b/src/primevue/breadcrumb/breadcrumb.stories.ts
@@ -42,14 +42,19 @@ export const Default: Story = {
               :to="item.route"
               custom
             >
-              <a :href="href" v-bind="props.action" @click="navigate">
-                <span v-if="item.type === 'home'">
+              <a
+                :href="href"
+                v-bind="props.action"
+                @click="navigate"
+                class="line-clamp-1"
+              >
+                <template v-if="item.type === 'home'">
                   <HomeOutlineIcon />
-                </span>
-                <span v-else> {{ item.label }} </span>
+                </template>
+                <template v-else> {{ item.label }} </template>
               </a>
             </router-link>
-            <span v-else>{{ item.label }}</span>
+            <span v-else class="line-clamp-1">{{ item.label }}</span>
           </template>
           <template #separator>
             <ChevronRightIcon />