Skip to content

feat(MainNavigationBar): add menu#1280

Merged
marcoskolodny merged 65 commits intomasterfrom
WEB-2056-navigation-bar-menu
Nov 14, 2024
Merged

feat(MainNavigationBar): add menu#1280
marcoskolodny merged 65 commits intomasterfrom
WEB-2056-navigation-bar-menu

Conversation

@marcoskolodny
Copy link
Contributor

@marcoskolodny marcoskolodny commented Oct 23, 2024

Issue: Link
Specs: Link

@github-actions
Copy link

github-actions bot commented Oct 23, 2024

Size stats

master this branch diff
Total JS 12.2 MB 12.2 MB +26.9 kB
JS without icons 1.96 MB 1.99 MB +26.9 kB
Lib overhead 68.7 kB 68.7 kB 0 B
Lib overhead (gzip) 16.7 kB 16.7 kB 0 B

@github-actions
Copy link

github-actions bot commented Oct 23, 2024

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

@github-actions
Copy link

github-actions bot commented Oct 23, 2024

Deploy preview for mistica-web ready!

✅ Preview
https://mistica-ee7vaxt1a-flows-projects-65bb050e.vercel.app

Built with commit ba95563.
This pull request is being automatically deployed with vercel-action

@github-actions
Copy link

github-actions bot commented Oct 25, 2024

Screenshot tests report

✔️ All passing


// first section opened
await page.click(await screen.findByRole('button', {name: 'Start'}));
expect(await page.screenshot()).toMatchImageSnapshot({failureThreshold: 0.00001});
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I had to add a threshold to avoid unstable behavior in the inverse version of the navbar. Same thing was required in other tests of the inverse navbar before. It seems that the small avatar has a very small diff (8 pixels) in the circular image when it's rendered in CI (we've seen this issue in the past several times).

threshold_issue

Copy link
Contributor

@yceballost yceballost left a comment

Choose a reason for hiding this comment

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

amazing job

Copy link
Contributor

@atabel atabel left a comment

Choose a reason for hiding this comment

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

Some posible UX improvements for the future:

  • when a menu is open, I'd expect the corresponding section name to be highlighted (probably with the same hover color)
  • when the mouse leaves the menu, it closes immediately. I think it would be better to add a small delay to avoid unwanted closes.

@marcoskolodny marcoskolodny removed the request for review from aweell November 14, 2024 14:28
@marcoskolodny marcoskolodny added this pull request to the merge queue Nov 14, 2024
Merged via the queue into master with commit 3973ead Nov 14, 2024
@marcoskolodny marcoskolodny deleted the WEB-2056-navigation-bar-menu branch November 14, 2024 14:39
tuentisre pushed a commit that referenced this pull request Nov 18, 2024
# [16.5.0](v16.4.0...v16.5.0) (2024-11-18)

### Features

* **Accordion, BoxedAccordion:** allow detail and right content in header ([#1290](#1290)) ([087c486](087c486))
* **HorizontalMosaic, VerticalMosaic:** allow passing gridMode information to each item ([#1289](#1289)) ([bb8852c](bb8852c))
* **MainNavigationBar:** add menu ([#1280](#1280)) ([3973ead](3973ead))
* **vivo-type:** added medium weight ([#1291](#1291)) ([8a38d2c](8a38d2c))
@tuentisre
Copy link
Collaborator

🎉 This PR is included in version 16.5.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants