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

Support mobile devices correctly #7

Closed
stonemaster opened this issue Jan 26, 2016 · 3 comments
Closed

Support mobile devices correctly #7

stonemaster opened this issue Jan 26, 2016 · 3 comments
Labels
enhancement

Comments

@stonemaster
Copy link
Collaborator

The Dlang Tour is using Bootstrap but the layout should be tweaked to at least support mobiles devices like IPads. I have an IPad Mini and the layout break the content and the source code editor in two rows which looks weird. I would be in favour of also having the source side by side to the content.
@stonemaster
Copy link
Collaborator Author

Commit 038c8b3 improved layout on mobiles alot. Still many code examples have dynamic line breaks because they are too long. This needs to be fixed.

@stonemaster
Copy link
Collaborator Author

Commit bf985fc makes sure the source code examples have a maximum column length of 48 characters. That prevents line wrapping on mobiles.

@stonemaster
Copy link
Collaborator Author

Tested on ipad mini and HTC one x+ and the tour is looking & behaving fine now.

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

No branches or pull requests
1 participant
@stonemaster