Skip to content

Commit

Permalink
refactor(breadcrumb): align-items instead of align-self
Browse files Browse the repository at this point in the history
target the parent breadcrumb item, instead of individal children (like
the action button or breadcrumb item link element)
  • Loading branch information
marissahuysentruyt committed Aug 8, 2024
1 parent 7764fd2 commit 08319c0
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 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 Expand Up @@ -235,7 +237,6 @@
}

> .spectrum-ActionButton {
align-self: center;
margin-inline: var(--mod-breadcrumbs-action-button-spacing-inline, var(--spectrum-breadcrumbs-action-button-spacing-inline));
margin-block: var(--mod-breadcrumbs-action-button-spacing-block, var(--spectrum-breadcrumbs-action-button-spacing-block));

Expand All @@ -257,7 +258,6 @@
.spectrum-Breadcrumbs-itemLink {
cursor: default;
position: relative;
align-self: center;

box-sizing: border-box;

Expand Down

0 comments on commit 08319c0

Please sign in to comment.