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

Drop down menu not completely visible on smaller displays #1681

Closed
cfjedimaster opened this issue Apr 23, 2022 · 2 comments
Closed

Drop down menu not completely visible on smaller displays #1681

cfjedimaster opened this issue Apr 23, 2022 · 2 comments
Labels
style-improvement Related to design and/or ux

Comments

@cfjedimaster
Copy link
Contributor

I'm viewing the Vue site on my laptop with a resolution of 3840x2160 (250% scaling). The drop down menu is partially hidden because it is taller than the view port. In this case, the bottom link in Ecosystem is hidden (I wasn't even sure there was more, but on a hunch I shrunk the size in Edge):

image

@skirtles-code skirtles-code added the style-improvement Related to design and/or ux label May 8, 2022
@WebMechanic
Copy link

  • 1 year in... still broken ;-)

Ecosystem menu is cut off on 1040px (1dpr) screens like landscape tablets w/ default 100% zoom.
With browser's chrome visible the last items are hidden and inaccessible (can't use Tab-key to navigate on touch devices).

Maybe check with @media (max-height: ...) and go two-columns or turn it into sub-menus.

@brc-dd
Copy link
Member

brc-dd commented May 23, 2023

should be fixed by #2380 IG

@brc-dd brc-dd closed this as completed Dec 28, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
style-improvement Related to design and/or ux
Projects
None yet
Development

No branches or pull requests

4 participants