smart-facility / petajakarta-web

Web files for PetaJakarta.org
http://petajakarta.org
Other
8 stars 6 forks source link

On small screens the time display is not positioned correctly #112

Closed tomasholderness closed 8 years ago

tomasholderness commented 8 years ago

Previously, the optional timestamp window (enabled via a check-box in the reports window) was moved on small screens to account for changing size of navbar (i.e. y-axis position) and changing margin of legend (i.e. x-axis position).

This bug can be replicated by enabling the timestamp and resizing the window.

screen shot 2016-03-05 at 11 03 47 am
matthewberryman commented 8 years ago

It's helpful to figure out what this bug is if you do a before: screenshot 2016-03-05 12 25 21 and after shot: screenshot 2016-03-05 12 25 28

IIRC the behaviour before was that the time and zoom button move up to be the same distance from the nav bar. @talltom can you please confirm what desired behaviour actually is?

Note that this bug doesn't apply to Safari on OS X (no matter what the size it uses the full size nav bar) and not to any browsers on iPhone (since you can't resize the window) but does affect Safari on iPads that support slideover—you have to have it the 1/3rd size window on the right hand side to see it.

matthewberryman commented 8 years ago

This applies to IE11, Firefox and Chrome (with Safari behaviour as noted previously).

tomasholderness commented 8 years ago

Desired behviour is previous responsiveness (not sure at which point this bug was introduced):

Here's a screenshot of desired behaviour

screen shot 2016-03-05 at 12 48 00 pm