Skip to content

Conversation

@amy-corson-ibigroup
Copy link
Contributor

Description:
Replaces the pattern select with the more accessible Dropdown component

PR Checklist:

  • Does the code follow accessibility standards (WCAG 2.1 AA Compliant)?
  • [n/a] Are all languages supported (Internationalization/Localization)?
  • Are appropriate Typescript types implemented?
Before After
image image

@amy-corson-ibigroup amy-corson-ibigroup removed their assignment Jul 10, 2023
Copy link
Collaborator

@miles-grant-ibigroup miles-grant-ibigroup left a comment

Choose a reason for hiding this comment

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

Working well! Just a few small nitpicks

Copy link
Collaborator

@miles-grant-ibigroup miles-grant-ibigroup left a comment

Choose a reason for hiding this comment

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

Working great thanks so much!

@binh-dam-ibigroup
Copy link
Collaborator

I see some flashing when switching patterns, can that be addressed?

@binh-dam-ibigroup
Copy link
Collaborator

I see some flashing when switching patterns, can that be addressed?

Basically, the route viewer flashes briefly during the transition from one pattern to another.

Copy link
Collaborator

@binh-dam-ibigroup binh-dam-ibigroup left a comment

Choose a reason for hiding this comment

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

Can you address the flashing, please?

Copy link
Collaborator

@binh-dam-ibigroup binh-dam-ibigroup left a comment

Choose a reason for hiding this comment

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

See a few cleanup items.

button {
display: flex;
align-items: center;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Sort CSS

@amy-corson-ibigroup
Copy link
Contributor Author

Flashing fixed in dd8e99e, CSS in a505a18!

Copy link
Collaborator

@binh-dam-ibigroup binh-dam-ibigroup left a comment

Choose a reason for hiding this comment

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

Sorry @amy-corson-ibigroup, I noticed that with this PR, the ability to navigate back is affected (see comment).

span {
text-overflow: ellipsis;
overflow: hidden;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Sort CSS.

Copy link
Collaborator

@binh-dam-ibigroup binh-dam-ibigroup left a comment

Choose a reason for hiding this comment

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

Thanks for the changes!

@amy-corson-ibigroup amy-corson-ibigroup merged commit cf2dd8b into dev Jul 24, 2023
@amy-corson-ibigroup amy-corson-ibigroup deleted the remove-native-select branch July 24, 2023 21:11
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