search

danielgtaylor / malt.io

Malt.io free community for brewers
26 stars 11 forks source link

Various elements are difficult to use on mobile #76

Open dkoppenh opened 11 years ago

dkoppenh commented 11 years ago

The main menu bar and the recipe editor cancel/save bar don't scroll horizontally when zoomed in. You have to zoom out to see the whole bar, which makes the text hard to read and tap.

Similar for the popup elements like the style chooser; you have to get lucky to get the browser to show you all the text.

Tested with Android 4.1.2 stock browser, Chrome, and Firefox Beta

danielgtaylor commented 11 years ago

Strange - I'm using Twitter's Bootstrap for the dialogs and such which should work. I'll do some testing on Android and see what I can do.

dkoppenh commented 11 years ago

After further review, the popups are almost always usable, if a little oddly placed. The main problems, IMHO, are the main menu bar and recipe "save/cancel" bar.

dkoppenh commented 11 years ago

Removing position:fixed from the "saveMsg" div and navbar-fixed-top class would be helpful. Of course, the elements would scroll up out of view, which is probably not what you want.

overflow-x:auto on the navbar-fixed-top class allows my desktop browser to scroll over to the right when I size the window too narrow. I have to get rid of the "top" property on the "saveMsg" when I do that, otherwise the scrollbar almost hides the save message.