Skip to content

Commit

Permalink
fix(breadcrumb): center breadcrumb itemLink text
Browse files Browse the repository at this point in the history
- although the .spectrum-Breadcrumb-item was aligned center, the items
within it were not. This should align any children to the center of the
parent item, and correct the visual misalignment between the text/button
and the separator icon

- chore(breadcrumb): create changeset
  • Loading branch information
marissahuysentruyt committed Aug 8, 2024
1 parent 2d89227 commit 525f3fd
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .changeset/gold-spies-learn.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@spectrum-css/breadcrumb": patch
---

Aligns breadcrumb item text node to center of container. This should ensure the text and separator icon are center-aligned.
2 changes: 2 additions & 0 deletions components/breadcrumb/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -176,6 +176,8 @@
display: inline-flex;
white-space: nowrap;

align-items: center;

font-family: var(--mod-breadcrumbs-font-family, var(--spectrum-breadcrumbs-font-family));
font-size: var(--mod-breadcrumbs-font-size, var(--spectrum-breadcrumbs-font-size));
font-weight: var(--mod-breadcrumbs-font-weight, var(--spectrum-breadcrumbs-font-weight));
Expand Down

0 comments on commit 525f3fd

Please sign in to comment.