From 5db98f70f735c7dbb39cfa71851b3110804b5482 Mon Sep 17 00:00:00 2001 From: Marissa Huysentruyt Date: Fri, 2 Aug 2024 11:12:36 -0400 Subject: [PATCH] fix(breadcrumb): center breadcrumb itemLink text - 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 --- .changeset/gold-spies-learn.md | 5 +++++ components/breadcrumb/index.css | 2 ++ 2 files changed, 7 insertions(+) create mode 100644 .changeset/gold-spies-learn.md diff --git a/.changeset/gold-spies-learn.md b/.changeset/gold-spies-learn.md new file mode 100644 index 0000000000..86345baedc --- /dev/null +++ b/.changeset/gold-spies-learn.md @@ -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. diff --git a/components/breadcrumb/index.css b/components/breadcrumb/index.css index 2f07bfcaef..11e5a68e03 100644 --- a/components/breadcrumb/index.css +++ b/components/breadcrumb/index.css @@ -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));