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.

Sign up for GitHub

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

Jump to bottom

Better way for tabs when less space is available (mobile) #10

Open
Grienauer opened this issue Oct 21, 2015 · 1 comment
Open

Better way for tabs when less space is available (mobile) #10

Grienauer opened this issue Oct 21, 2015 · 1 comment

Comments

@Grienauer
Copy link

Hi!

It would be great, that if there is less space, the tabs will not break and look ugly...
A good solution would be, that the area of the tabs is swipe-able on mobiles.

See https://codyhouse.co/demo/responsive-tabbed-navigation/index.html (on small devices the ul region still is in a single line but a user can swipe through.)

What do you think?! (Apple etc also uses a simila workaround ad their navigation.)

thx!
@Grienauer Grienauer changed the title Better Way for Tabs when less space Better way for tabs when less space is available (mobile) Oct 21, 2015
@Grienauer
Copy link
Author

Did another solution, because swiping is tricky and not as usability friendly.
tabs
tabs_mobile
when odd numbers of tabs, the first is 100%
tabs_mobile_even

It's a simple css solution...
what do you think?!
I could provide some css snippets if you like it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Grienauer