UI impressions with Chrome/Safari on iPhone 6

dasniko commented 8 years ago

I made the following experiences today, when surfing with iPhone 6 and Chrome (Safari is same behaviour, I tested it, but did no screenshots):

Caution: Screenshots are very big, sorry...

Cookie-Banner

The Cookie-Banner has no 100% width. Is this inteded? The fist test showed even a much smaller cookie overlay, but I couldn't reproduce. 2016-01-30 12 47 06

Current Production Sites

Startpage, content doesn't fit into the table boxes, page content very small, not a good fit for touch screen!
When Filter is open, page content is even smaller than when it's not opened, also the header/title
After filter is closed, page content has wrong scrolling
Current Dev Sites:
similar behaviour/layout as on production
startpage looks better

steffchep commented 8 years ago

Layout on smaller screens has already been improved - can you try again on the latest build? As for the width of the cookie overlay - this is a compromise to avoid having it bleed out of the screen - and was tested only with very large (> 1200) and 320 pixels.

dasniko commented 8 years ago

Just tested on Latest. Still same behavior as last three screenshots.

annam002 commented 8 years ago

Can you explain what exactly the problem is in the last three screenshots?

steffchep commented 7 years ago

I've looked at the site on an iPhone 6Plus, iOS10 and it seems to look okay. (the Cookie disclaimer is still missing a few pixels but that's not a dealbreaker - it will likely be removed entirely soon) Closing for now.

dukecon / dukecon_html5

UI impressions with Chrome/Safari on iPhone 6 #53

Cookie-Banner

Current Production Sites

Current Dev Sites: