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(select): adjust active option style #1655

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

cooper-joe
Copy link
Member

@cooper-joe cooper-joe commented Jan 27, 2025

Implements UX-178


Description

This PR adjusts the active style for SingleSelect options to improve readability and better align with native browser select styles. Minor cosmetic changes to the MultiSelect active option are included for consistency.


Checklist

  • API docs are generated
  • Tests were added
  • Storybook demos were added

All points above should be relevant for feature PRs. For bugfixes, some points might not be relevant. In that case, just check them anyway to signal the work is done.


Screenshots

Before (SingleSelect):

image

After (SingleSelect):

image

Before (MultiSelect):

image

After (MultiSelect):

image

SingleSelect option handling multiline content:

image

@cooper-joe cooper-joe requested a review from a team as a code owner January 27, 2025 11:34
@dhis2-bot
Copy link
Contributor

🚀 Deployed on https://pr-1655--dhis2-ui.netlify.app

@dhis2-bot dhis2-bot temporarily deployed to netlify January 27, 2025 11:38 Inactive
@cooper-joe cooper-joe changed the title Select active style fix(select): adjust active option style Jan 27, 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.

None yet

2 participants