Skip to content

refactor(menu): adjust styling for disabled drill-in chevron #2550

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

Closed
wants to merge 2 commits into from

Conversation

jawinn
Copy link
Collaborator

@jawinn jawinn commented Feb 22, 2024

Description

Some difficulty was encountered with the SWC implementation making sure the chevron on a disabled drill-in menu item displayed as disabled, without overriding CSS. On the SWC end, the way a generic icon is styled is different from how chevrons or checkmarks are styled, so the styles added didn't apply to the chevron.

Discussion here #2199 (review)

Docs migration guide: also adds versions and dates to the existing migration guide content to conform with new recommended format.

How and where has this been tested?

Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.

Validation steps

  • Confirm that solution will work for SWC.
  • Chevron on drill-in menu items continues to look the same in Spectrum CSS, including for a disabled menu item.

Regression testing

Validate:

  1. The documentation pages for at least two other components are still loading, including:
  • The pages render correctly, are accessible, and are responsive.
  1. If components have been modified, VRTs have been run on this branch:
  • VRTs have been run and looked at.
  • Any VRT changes have been accepted (by reviewer and/or PR author), or there are no changes.

Screenshots

To-do list

  • I have read the contribution guidelines.
  • I have updated relevant storybook stories and templates.
  • I have tested these changes in Windows High Contrast mode.
  • If my change impacts other components, I have tested to make sure they don't break.
  • If my change impacts documentation, I have updated the documentation accordingly.
  • ✨ This pull request is ready to merge. ✨

Copy link
Contributor

github-actions bot commented Feb 22, 2024

File metrics

Summary

Total size: 3.94 MB*
Total change (Δ): ⬆ 0.77 KB (0.02%)
Table reports on changes to a package's main file. Other changes can be found in the collapsed "Details" below.

Package Size Δ
menu 41.36 KB ⬆ 0.26 KB
Details

menu

File Head Base Δ
index-base.css 41.36 KB 41.11 KB ⬆ 0.26 KB (0.61%)
index-vars.css 41.36 KB 41.11 KB ⬆ 0.26 KB (0.61%)
index.css 41.36 KB 41.11 KB ⬆ 0.26 KB (0.61%)
mods.json 3.33 KB 3.33 KB -
* Size determined by adding together the size of the main file for all packages in the library.
* Results are not gzipped or minified.
* An ASCII character in UTF-8 is 8 bits or 1 byte.

Copy link
Contributor

github-actions bot commented Feb 22, 2024

🚀 Deployed on https://pr-2550--spectrum-css.netlify.app

@jawinn jawinn force-pushed the jawinn/refactor-menu-disabled-chevron branch from 33c8954 to 8ec2c71 Compare February 22, 2024 17:35
@jawinn jawinn marked this pull request as draft February 22, 2024 17:49
@jawinn jawinn force-pushed the jawinn/refactor-menu-disabled-chevron branch 2 times, most recently from 10d37a2 to 792ceb0 Compare February 22, 2024 18:34
The SWC implementation was having difficulty with making sure the
chevron on a disabled drill-in menu item displayed as disabled,
without overriding CSS. On the SWC end, the way a generic icon is styled
is different from how chevrons or checkmarks are styled, so the styles
added don't apply to the chevron.

docs: remove docs change
Makes sure that a disabled menu item is represented in VRTs for the
Collapsible variant. Sets one of the existing menu items to disabled.
@jawinn jawinn force-pushed the jawinn/refactor-menu-disabled-chevron branch from 792ceb0 to 4b322fb Compare February 26, 2024 19:00
@jawinn
Copy link
Collaborator Author

jawinn commented Jan 17, 2025

Closing after a followup with SWC. This issue no longer is present in the current version.

@jawinn jawinn closed this Jan 17, 2025
@castastrophe castastrophe deleted the jawinn/refactor-menu-disabled-chevron branch February 13, 2025 22:24
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.

1 participant