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

Accessibility misc button focus fixes #784

Merged
merged 5 commits into from
Mar 4, 2024

Conversation

culka
Copy link
Contributor

@culka culka commented Mar 1, 2024

Fixes multiple focus issues with buttons and dropdown selection.


This change is Reviewable

Copy link
Contributor

@niknii-vincit niknii-vincit left a comment

Choose a reason for hiding this comment

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

:lgtm_strong:

Reviewed 2 of 2 files at r1, 1 of 1 files at r2, 1 of 1 files at r3, 1 of 1 files at r4, 1 of 1 files at r5, all commit messages.
Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @culka)


-- commits line 21 at r3:
Typo nitpick, do as you wish 😄 Otherwise these have been great descriptions!

Suggestion:

around

Copy link
Contributor Author

@culka culka left a comment

Choose a reason for hiding this comment

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

Reviewable status: all files reviewed, 1 unresolved discussion (waiting on @niknii-vincit)


-- commits line 21 at r3:

Previously, niknii-vincit (Niki Niittymäki) wrote…

Typo nitpick, do as you wish 😄 Otherwise these have been great descriptions!

Fixed 📍

culka added 5 commits March 4, 2024 08:39
EditButton had it's area as a square with large left margin
despite the button proper being a round button.
Move the margin from inside the link element to the outside and
apply round style to the whole element to fix focus display.
Add route had it's area as a square with large left margin
despite the button proper being a round button.
Move the margin from inside the link element to the outside and
apply round style to the whole element to fix focus display
Fix alignment of the focus selection on the timing place button
on route stops -row, and make it round around the button
itself, not square around the whole area.
- Change padding to margin so the button area is the actual button
- Remove focus:outline-none
- Use rounded area for button
Show selection on headlessui simple dropdown menu
@culka culka force-pushed the accessibility-misc-button-focus-fixes branch from afeac9d to 5a199f6 Compare March 4, 2024 06:39
@culka culka merged commit 4e41baa into main Mar 4, 2024
8 of 9 checks passed
@culka culka deleted the accessibility-misc-button-focus-fixes branch March 4, 2024 08:01
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.

2 participants