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

a11y - Message content area obscured by top/bottom buttons when page is zoomed in #226

Open
rebeccaalpert opened this issue Oct 11, 2024 · 2 comments · May be fixed by #249
Open

a11y - Message content area obscured by top/bottom buttons when page is zoomed in #226

rebeccaalpert opened this issue Oct 11, 2024 · 2 comments · May be fixed by #249
Assignees
Labels
a11y-improvement bug Something isn't working needs design PF Team v6.x Applies to only the PF6 version
Milestone

Comments

@rebeccaalpert
Copy link
Member

rebeccaalpert commented Oct 11, 2024

If the zoom is higher than 100% in the browser, the message content area can get obscured by the "to top/bottom" buttons (following screenshot at 125% zoom):

Image

@rebeccaalpert rebeccaalpert added a11y-improvement bug Something isn't working v6.x Applies to only the PF6 version labels Oct 11, 2024
@rebeccaalpert rebeccaalpert self-assigned this Oct 14, 2024
@kaylachumley
Copy link

Let's reduce the size of the current jump link buttons to 32px by 32px instead of the 40px by 40px. I think this should suffice for the time being...Can you please update the jumplinks to that size(not sure what that is in rems) and also can we keep them to the right instead of the original center aligned? Here it is in the figma file. Thanks! @rebeccaalpert

Image
Image

@rebeccaalpert
Copy link
Member Author

Opening #250 to separately handle zoom conditions - I think we need some extra media queries here. We'll discuss at the Thursday group meeting what changes we want to do.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y-improvement bug Something isn't working needs design PF Team v6.x Applies to only the PF6 version
Projects
Status: PR Review
Development

Successfully merging a pull request may close this issue.

2 participants