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

SelectPanel: High contrast theme #4966

Merged
merged 6 commits into from
Sep 19, 2024
Merged

Conversation

siddharthkp
Copy link
Member

@siddharthkp siddharthkp commented Sep 16, 2024

Video 1 Video 2
Before: Even though the cursor is moving and changing selection, you cannot see it. After: You can see the selection state and the selection being changed.
Screen.Recording.2024-09-16.at.4.05.12.PM.mov
Screen.Recording.2024-09-16.at.4.04.22.PM.mov

Rollout strategy

  • Patch release (with feature flag)
  • Minor release
  • Major release; if selected, include a written rollout or migration plan
  • None; if selected, include a brief description as to why

Testing & Reviewing

Merge checklist

Copy link

changeset-bot bot commented Sep 16, 2024

🦋 Changeset detected

Latest commit: f28f75e

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

This PR includes changesets to release 1 package
Name Type
@primer/react 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

@github-actions github-actions bot added the staff Author is a staff member label Sep 16, 2024
@github-actions github-actions bot temporarily deployed to storybook-preview-4966 September 16, 2024 11:22 Inactive
Copy link
Contributor

github-actions bot commented Sep 16, 2024

size-limit report 📦

Path Size
packages/react/dist/browser.esm.js 97.52 KB (+0.1% 🔺)
packages/react/dist/browser.umd.js 97.78 KB (+0.06% 🔺)

@siddharthkp siddharthkp changed the title WIP: SelectPanel: High contrast theme SelectPanel: High contrast theme Sep 16, 2024
@siddharthkp siddharthkp marked this pull request as ready for review September 16, 2024 14:14
@siddharthkp siddharthkp requested review from a team as code owners September 16, 2024 14:14
@siddharthkp siddharthkp self-assigned this Sep 16, 2024
@github-actions github-actions bot temporarily deployed to storybook-preview-4966 September 16, 2024 14:15 Inactive
Copy link
Member Author

@siddharthkp siddharthkp Sep 17, 2024

Choose a reason for hiding this comment

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

Note for reviewer: Our visual tests run on linux so this isn't exactly how it looks in windows. (see PR description for screenshots) but I think adding these to our snapshots will at least help us catch unexpected changes because we rarely test these manually

The light theme one is surprisingly similar, but the dark theme is just very different

Copy link
Collaborator

@camertron camertron left a comment

Choose a reason for hiding this comment

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

Nice, thanks! 🚀

@siddharthkp siddharthkp added this pull request to the merge queue Sep 19, 2024
Merged via the queue into main with commit c097e96 Sep 19, 2024
36 checks passed
@siddharthkp siddharthkp deleted the select-panel-high-contrast branch September 19, 2024 13:40
@primer primer bot mentioned this pull request Sep 19, 2024
TylerJDev pushed a commit that referenced this pull request Sep 23, 2024
* use border-width to make icon visible

* ActionList: include active-descendant for high contrast

* e2e test for forced-colors (windows high contrast)

* test(vrt): update snapshots

* Create ten-gifts-own.md

* update snapshots

---------

Co-authored-by: siddharthkp <siddharthkp@users.noreply.github.com>
@primer primer bot mentioned this pull request Oct 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants