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(menu): correct disabled menu item's chevron to appropriate colour #4052

Merged
merged 3 commits into from Feb 16, 2024

Conversation

najikahalsema
Copy link
Collaborator

@najikahalsema najikahalsema commented Feb 16, 2024

Description

A local fix for this visual bug until Spectrum CSS is able to get back to fixing this for us. The chevron wasn't turning to the disabled colour if its menu item is disabled. Now, it does!

Related issue(s)

fixes #3659

Motivation and context

PSWeb fix request

How has this been tested?

  • VRTs

Screenshots (if appropriate)

Before:
image

After (see Queens):
image

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • If my change required a change to the documentation, I have updated the documentation in this pull request.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.
  • I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

@najikahalsema najikahalsema requested a review from a team February 16, 2024 20:20
Copy link

github-actions bot commented Feb 16, 2024

Lighthouse scores

Category Latest (report) Main (report) Branch (report)
Performance 0.93 0.97 0.98
Accessibility 1 1 1
Best Practices 1 1 1
SEO 1 0.92 0.92
PWA 1 1 1
What is this?

Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.

Transfer Size

Category Latest Main Branch
Total 242.907 kB 229.75 kB 🏆 229.902 kB
Scripts 59.871 kB 53.976 kB 🏆 54.03 kB
Stylesheet 50.579 kB 43.957 kB 🏆 44.041 kB
Document 5.745 kB 5.105 kB 🏆 5.119 kB
Third Party 126.712 kB 126.712 kB 126.712 kB

Request Count

Category Latest Main Branch
Total 42 42 42
Scripts 34 34 34
Stylesheet 5 5 5
Document 1 1 1
Third Party 2 2 2

Copy link

github-actions bot commented Feb 16, 2024

Tachometer results

Chrome

action-menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 655 kB 167.87ms - 171.42ms - unsure 🔍
-2% - +2%
-3.44ms - +2.64ms
branch 647 kB 167.58ms - 172.51ms unsure 🔍
-2% - +2%
-2.64ms - +3.44ms
-

combobox permalink

Version Bytes Avg Time vs remote vs branch
npm latest 706 kB 37.61ms - 38.02ms - unsure 🔍
-1% - +0%
-0.49ms - +0.12ms
branch 697 kB 37.78ms - 38.22ms unsure 🔍
-0% - +1%
-0.12ms - +0.49ms
-

menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 480 kB 232.77ms - 237.11ms - unsure 🔍
-2% - +1%
-4.19ms - +1.56ms
branch 471 kB 234.37ms - 238.14ms unsure 🔍
-1% - +2%
-1.56ms - +4.19ms
-

picker permalink

Version Bytes Avg Time vs remote vs branch
npm latest 518 kB 609.69ms - 617.99ms - unsure 🔍
-1% - +1%
-7.40ms - +5.94ms
branch 509 kB 609.34ms - 619.78ms unsure 🔍
-1% - +1%
-5.94ms - +7.40ms
-

split-button permalink

Version Bytes Avg Time vs remote vs branch
npm latest 721 kB 1858.32ms - 1860.98ms - unsure 🔍
-0% - +0%
-1.73ms - +2.33ms
branch 713 kB 1857.82ms - 1860.88ms unsure 🔍
-0% - +0%
-2.33ms - +1.73ms
-
Firefox

action-menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 655 kB 333.15ms - 341.33ms - unsure 🔍
-1% - +2%
-4.57ms - +7.97ms
branch 647 kB 330.78ms - 340.30ms unsure 🔍
-2% - +1%
-7.97ms - +4.57ms
-

combobox permalink

Version Bytes Avg Time vs remote vs branch
npm latest 706 kB 68.59ms - 73.89ms - slower ❌
4% - 13%
2.96ms - 8.48ms
branch 697 kB 64.74ms - 66.30ms faster ✔
4% - 12%
2.96ms - 8.48ms
-

menu permalink

Version Bytes Avg Time vs remote vs branch
npm latest 480 kB 440.51ms - 450.73ms - unsure 🔍
-3% - +1%
-12.11ms - +5.55ms
branch 471 kB 441.70ms - 456.10ms unsure 🔍
-1% - +3%
-5.55ms - +12.11ms
-

picker permalink

Version Bytes Avg Time vs remote vs branch
npm latest 518 kB 1010.04ms - 1036.96ms - unsure 🔍
-1% - +2%
-5.35ms - +23.11ms
branch 509 kB 1010.00ms - 1019.24ms unsure 🔍
-2% - +1%
-23.11ms - +5.35ms
-

split-button permalink

Version Bytes Avg Time vs remote vs branch
npm latest 721 kB 1569.48ms - 1572.88ms - unsure 🔍
-0% - +0%
-3.00ms - +2.44ms
branch 713 kB 1569.33ms - 1573.59ms unsure 🔍
-0% - +0%
-2.44ms - +3.00ms
-

Copy link
Collaborator

@Westbrook Westbrook left a comment

Choose a reason for hiding this comment

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

LGTM! :shipit:

@Westbrook Westbrook merged commit 30f5bb5 into main Feb 16, 2024
47 checks passed
@Westbrook Westbrook deleted the halsema/disabled-menu-chevron branch February 16, 2024 21:19
Westbrook pushed a commit that referenced this pull request Feb 16, 2024
…#4052)

* chore: add disabled submenu to submenu story

* fix(menu): disabled menu chevron is now appropriate colour

* ci: update hash

---------

Co-authored-by: Najika Yoo <naj.halsema@gmail.com>
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.

[Bug][Menu][Submenu]: Disabled menu item with submenu does not display correct visuals
2 participants