Skip to content

[EuiCollapsibleNavBeta] Minor design enhancements#8332

Merged
tkajtoch merged 9 commits intoelastic:mainfrom
tsullivan:sidenav-design-enhancements-i
Feb 25, 2025
Merged

[EuiCollapsibleNavBeta] Minor design enhancements#8332
tkajtoch merged 9 commits intoelastic:mainfrom
tsullivan:sidenav-design-enhancements-i

Conversation

@tsullivan
Copy link
Member

@tsullivan tsullivan commented Feb 18, 2025

Summary

Needed for https://github.com/elastic/kibana-team/issues/1439

  • Second-level icons should be horizontally aligned with the top-level icon
  • Allow items without a section title (text in footer should not be bold)
  • Updated storybook to highlight the presentation from the 📐 FIGMA Design
  • Turn off text truncation for nav items

Screenshots

Before01 - enhance-before
After02 - enhance-after

QA

Remove or strikethrough items that do not apply to your PR.

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
    • Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA
  • Code quality checklist
  • Release checklist
    • A changelog entry exists and is marked appropriately.
    • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
  • Designer checklist
    • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

@tsullivan tsullivan requested a review from a team as a code owner February 18, 2025 21:14
@tsullivan tsullivan force-pushed the sidenav-design-enhancements-i branch from 12c62ee to 0b612f8 Compare February 18, 2025 22:03
@tsullivan tsullivan self-assigned this Feb 18, 2025
@tsullivan tsullivan force-pushed the sidenav-design-enhancements-i branch from e2841a5 to 97a9fae Compare February 18, 2025 22:19
@JasonStoltz JasonStoltz requested a review from tkajtoch February 20, 2025 14:56
Copy link
Member

@tkajtoch tkajtoch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code changes look great. I tested the visual changes in Storybook and confirmed they render as expected.

I'm going to commit my suggestion about the changelog update and merge this PR.

@tkajtoch tkajtoch enabled auto-merge (squash) February 25, 2025 13:37
@kibanamachine
Copy link

Preview staging links for this PR:

@tkajtoch tkajtoch merged commit 4d8b7ec into elastic:main Feb 25, 2025
5 checks passed
@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

cc @tsullivan

tkajtoch added a commit to elastic/kibana that referenced this pull request Mar 7, 2025
# Backport

This is a manual backport of #212974 and #213292

---

`99.3.0-classic.0` ⏩ `100.0.0-classic.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

---


## [`v100.0.0`](https://github.com/elastic/eui/releases/v100.0.0)

**Bug fixes**

- Fixed `EuiComboBox` by cleaning duplicated values when having a
delimiter prop. ([#8335](elastic/eui#8335))

## [`v99.4.0`](https://github.com/elastic/eui/releases/v99.4.0)

- Minor design updates to `EuiCollapsibleNavBeta`
([#8332](elastic/eui#8332))
  - Allow section without a title
- Second-level icons should be horizontally aligned with the top-level
icon
  - Turn off text truncation for nav items
- Added `quickSelectButtonProps` to `EuiSuperDatePicker`
([#8380](elastic/eui#8380))

**Bug fixes**

- Fixed a bug in `EuiHeader` where the navigation of
`EuiCollapsibleNavBeta` would render below the `EuiFlyout`'s overlay
([#8325](elastic/eui#8325))

**Accessibility**

- Improved the accessibility of `EuiComboBox` by adding `aria-setsize`
and `aria-posinset` to ensure correct information is provided for its
virtualized listbox ([#8333](elastic/eui#8333))
- Improved the `EuiAccordionTrigger`'s screen reader UX by passed
`aria-hidden` to the `EuiAccordionArrow` to avoid duplicated
announcements by screen readers.
([#8342](elastic/eui#8342))

---------

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
@tsullivan tsullivan deleted the sidenav-design-enhancements-i branch March 25, 2025 15:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants

Comments