fix(breadcrumb): adds word break all for items

digitalservicebund · Oct 30, 2024 · 9b753bd · 9b753bd
1 parent f3bf801
commit 9b753bd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/primevue/breadcrumb/breadcrumb.stories.ts b/src/primevue/breadcrumb/breadcrumb.stories.ts
@@ -56,10 +56,10 @@ export const Default: Story = {
                     @mouseleave="isHovered = false"
                   >
                     <template v-if="isHovered">
-                      <HomeFilledIcon />
+                      <HomeFilledIcon class="-ml-2" />
                     </template>
                     <template v-else>
-                      <HomeOutlineIcon />
+                      <HomeOutlineIcon class="-ml-2" />
                     </template>
                   </span>
                 </template>

diff --git a/src/primevue/breadcrumb/breadcrumb.ts b/src/primevue/breadcrumb/breadcrumb.ts
@@ -6,7 +6,7 @@ const breadcrumb: BreadcrumbPassThroughOptions = {
     class: tw`m-0 flex list-none flex-wrap items-center p-0 leading-none`,
   },
   item: {
-    class: tw`flex-no-wrap ris-label1-regular my-2 flex items-center`,
+    class: tw`flex-no-wrap ris-label1-regular my-2 flex items-center break-all`,
   },
   itemLink: {
     class: tw`ris-link1-regular inline-flex cursor-pointer items-center leading-tight no-underline outline-4 outline-offset-4 outline-blue-800 hover:underline focus:outline`,