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

[High Contrast Mode] Loading components and beacons #8215

Merged
merged 7 commits into from
Dec 11, 2024

Conversation

cee-chen
Copy link
Contributor

@cee-chen cee-chen commented Dec 10, 2024

Summary

Note

This PR merges into a feature branch.

Primarily fixes component rendering in Windows high contrast mode, mostly with forced-color-adjust: none (since these are very graphic-heavy components).

EuiProgress does have some tricky logic/ternaries, so I recommend reviewing that one by commit.

QA

General checklist

  • Browser QA
    • Checked in both light and dark modes
    • Checked in both MacOS and Windows high contrast modes
    • Checked in mobile
    • Checked in Chrome, Safari, Edge, and Firefox
      - [ ] Checked for accessibility including keyboard-only and screenreader modes
  • Docs site QA - N/A
  • Code quality checklist
    - [ ] Added or updated jest and cypress tests
  • Release checklist - N/A, feature branch
  • Designer checklist - N/A

- diff gets really annoying otherwise, so get this out of the way

+ remove fragment usage
- for both native and indeterminate loaders

+ increase thickness of smallest size for all high contrast modes

+ fix border radius overflow for absolutely positioned panels (a lot more noticeable with increased border size)
+ increase contrast of mono bar shades

note: hide whitespicc diffs here to make review easier
…l high contrast modes

leavingt the colors mostly intact, not sure there's a whole lot we can do here
- by just... ignoring it lol

- colors are likely monochrome enough to be safe for most high contrast themes, and since these are non-interactive loading states, they don't *need* to be as high contrast
- also just by ignoring + indentation
@cee-chen cee-chen force-pushed the high-contrast-mode-5 branch from 425e20c to f981d97 Compare December 10, 2024 14:49
@cee-chen cee-chen marked this pull request as ready for review December 10, 2024 14:57
@cee-chen cee-chen requested a review from a team as a code owner December 10, 2024 14:57
@kibanamachine
Copy link

Preview staging links for this PR:

@elasticmachine
Copy link
Collaborator

💚 Build Succeeded

History

@cee-chen
Copy link
Contributor Author

Thanks a million as always for your super thoughtful reviews Lene! They always improve the end-result so much! ✨

@cee-chen cee-chen merged commit cda4afb into elastic:high-contrast-mode Dec 11, 2024
4 checks passed
@cee-chen cee-chen deleted the high-contrast-mode-5 branch December 11, 2024 17:06
@cee-chen cee-chen mentioned this pull request Dec 12, 2024
10 tasks
mgadewoll pushed a commit to mgadewoll/eui that referenced this pull request Mar 14, 2025
mgadewoll pushed a commit to mgadewoll/eui that referenced this pull request Mar 18, 2025
mgadewoll pushed a commit to mgadewoll/eui that referenced this pull request Mar 18, 2025
mgadewoll pushed a commit to mgadewoll/eui that referenced this pull request Mar 20, 2025
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.

4 participants