Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(OnyxMobileNavButton): scroll on overflowing mobile flyout #1530

Merged
merged 37 commits into from
Jul 11, 2024

Conversation

BoppLi
Copy link
Contributor

@BoppLi BoppLi commented Jul 8, 2024

Relates to #1483

The flyout of OnyxMobileNavButton now has a max height and is scrollable if too many nav/context items exist.

  • added 2rem to max width of mobile nav items
  • added storybook example
  • app version inside the mobile flyout is not positioned absolute anymore and is a disabled list item
  • fixed duplicate border in mobile context menu when multiple list items exist
  • moved some styles where the ownership is more in a sub component

Checklist

  • The added / edited code has been documented with JSDoc
  • If a new component is added, at least one Playwright screenshot test is added
  • A changeset is added with npx changeset add if your changes should be released as npm package (because they affect the library usage)

Copy link

changeset-bot bot commented Jul 8, 2024

🦋 Changeset detected

Latest commit: bcc4e0a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages
Name Type
sit-onyx Patch
demo-app Patch
playground Patch
@sit-onyx/chartjs-plugin Patch
@sit-onyx/nuxt Patch
@sit-onyx/storybook-utils Patch
@sit-onyx/vitepress-theme Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

BoppLi and others added 2 commits July 9, 2024 09:40
This is an auto-generated pull request. All Playwright screenshots have
been updated.

Co-authored-by: BoppLi <[email protected]>
@BoppLi BoppLi changed the title [DRAFT] Fix/1483 max scrolling nav bar fix(OnyxMobileNavButton): add scroll container when the mobile flyout overflows Jul 9, 2024
@BoppLi BoppLi changed the title fix(OnyxMobileNavButton): add scroll container when the mobile flyout overflows fix(OnyxMobileNavButton): scroll when the mobile flyout overflows Jul 9, 2024
@BoppLi BoppLi changed the title fix(OnyxMobileNavButton): scroll when the mobile flyout overflows fix(OnyxMobileNavButton): scroll on overflowing mobile flyout Jul 9, 2024
@BoppLi BoppLi marked this pull request as ready for review July 9, 2024 08:21
@BoppLi BoppLi requested a review from a team as a code owner July 9, 2024 08:21
@BoppLi BoppLi enabled auto-merge (squash) July 9, 2024 08:25
@larsrickert larsrickert self-assigned this Jul 10, 2024
@BoppLi BoppLi merged commit 6e14afd into main Jul 11, 2024
19 checks passed
@BoppLi BoppLi deleted the fix/1483-max-scrolling-nav-bar branch July 11, 2024 08:08
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.

3 participants