fix: fix breadcumb alignment after tertiary button changes

dnbexperience · May 31, 2023 · 9f4a9a6 · 9f4a9a6
1 parent 88bec0c
commit 9f4a9a6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/...es/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap b/...es/dnb-eufemia/src/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap
@@ -735,6 +735,8 @@ button.dnb-button::-moz-focus-inner {
     .dnb-breadcrumb__item__span__icon {
       margin-left: calc(var(--button-icon-size) / 2);
       margin-right: 0.5rem; }
+  .dnb-breadcrumb__item:not(:first-of-type) .dnb-button.dnb-button--has-text {
+    padding-left: 0.5rem; }
   .dnb-breadcrumb__animation {
     display: flex;
     flex-direction: column;

diff --git a/packages/dnb-eufemia/src/components/breadcrumb/style/_breadcrumb.scss b/packages/dnb-eufemia/src/components/breadcrumb/style/_breadcrumb.scss
@@ -41,6 +41,12 @@
     }
   }
 
+  &__item:not(:first-of-type) {
+    .dnb-button.dnb-button--has-text {
+      padding-left: 0.5rem;
+    }
+  }
+
   &__animation {
     display: flex;
     flex-direction: column;