search

conveyal / otp.js

OTP Javascript Client & Data Bindings
MIT License
19 stars 20 forks source link

Nicer mobile UI with tabs #45

Closed buma closed 9 years ago

buma commented 9 years ago

When width is < 768 three tabs are shown: Input, Map and plan output Instead of sidebar and a map

It uses bootstrap tabs and some Javascript to move narrative from sidebar to own tab. It probably needs some changes since it looks weird now. Sidebar is a little cut on both sides.

Fixes #41

abyrd commented 9 years ago

We should probably fix #42 here too, reducing the margin almost to zero in tab mode.

buma commented 9 years ago

I fixed wide margins. For weird sidebar problem: one "fix" is to add padding 15px to it. This makes everything in it stretch to the edge (now it is little over the edge). With padding 30px it stretches 15px to the edge as it is now.

In small screen probably better to use 15 and on larger 30 since space is at premium.

I'm not sure this is correct solution since the reason for this is that row class has -15px margin.

Seems this is known issue. Fix with container-fluid doesn't work.