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

[CSS] Navigation bar items are out of reach when in extreme zoom #30

Closed
le4ker opened this issue Oct 23, 2015 · 3 comments
Closed

[CSS] Navigation bar items are out of reach when in extreme zoom #30

le4ker opened this issue Oct 23, 2015 · 3 comments
Labels

Comments

@le4ker
Copy link
Owner

le4ker commented Oct 23, 2015

Repro

When zoomed in a lot (i.e. 675%) from a desktop browser, the items in the navigation bar are not accessible in the lower part of the list.

Should the navigation list for mobile be scrollable?

@joariasl CSS champion, any ideas/inputs on this? 😄

@le4ker le4ker changed the title When zoomed in, the navigation bar is not scrollable [CSS] Navigation bar items are out of reach when in extreme zoom Oct 23, 2015
@le4ker le4ker added the bug label Oct 23, 2015
@joariasl
Copy link
Collaborator

A posible solution is add this rules for .navbar-custom in CSS:

.navbar-custom {
    ...
    max-height: 100%;
    overflow-y: auto;
}

I will finish best when I have time.

@le4ker
Copy link
Owner Author

le4ker commented Oct 26, 2015

Great! I will try to hook this code, but I'm not promising anything since I'm a CSS noob 😄

@le4ker
Copy link
Owner Author

le4ker commented Oct 26, 2015

I tried it on my github.io website and it seems like it's working! 😄

I will let you open the pull request in order to get the credits (no rush! 😄 ) 😉

@le4ker le4ker closed this as completed in f54194f Oct 26, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants