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

patternfly / virtual-assistant

This repo contains the code for the PatternFly virtual assistant extension

MIT License

0 stars 18 forks source link

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

Open rebeccaalpert opened 1 week ago

rebeccaalpert commented 1 week ago

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):

kaylachumley commented 4 days ago

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

rebeccaalpert commented 4 days ago

Opening https://github.com/patternfly/virtual-assistant/issues/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.