Mobile UI is broken

[tionis]

In mobile browsers the UI is shown ok, but the login page is squashed together so strongly that its practically impossible to login.

[tionis]

Theres also a problem while creating an event on mobile. In this case though the ui is way to wide for the screen until you zoom out. When I find the time I will test a few other pages for mobile compability.

[tionis]

As far as I can tell, the UI doesn't adjust to the correct screen size on mobile, its way to wide and parts are not high enough.

[JordanKnott]

While getting the mobile to at least kinda work is on my todo list, it's not high priority at this moment so it might be a bit before I can address this issue.

I will leave this issue open though in case anyone else wants to take a stab at it!

[tionis]

I would like to take a look at it, but am quite busy at the moment.
In a few weeks I should have time for this, I always wanted to learn some React.

[tionis]

I think that's how the cards interface on mobile would be best handled, all other interfaces simple need to be scaled down to the screensize(with the exception with the top bar and the login UI)

[tionis]

If these issues are fixed (additionally the card view has to be shrinked in width and the options have to be moved in a popup menu or down) the web ui is even superior to trello. (IMHO)

[skybloo]

I can take a look at implementing these changes if you haven't already started work on them

[tionis]

@shermr Sure! I'm currently quite busy and would have to learn React to contribute.

[ilovepancakes95]

I like the idea of cards being shown one at a time and swiping horizontally to snap them to center but maybe even better is overlaying the cards slightly on top of each other in a stack (like Apple Passbook/Wallet does) so you can see all the cards at once and maybe the first task or two on each, then just tap the heading to jump into that card. See below example from Apple.

[c-nv-s]

I'm just going to leave this here as a suggestion: https://github.com/couds/react-bulma-components

[Aesir]

The opposite issue exists on large monitors, most likely related. I'm running 2560x1440 and everything is very compressed.

You should at least center the columns but it would be nice if more of the card was shown when the real estate is available (e.g. descriptions, checklists), or at least give the ability to change column widths and font sizes. Definitely more important to get mobile screens working but any solution is likely to allow for scaling to larger screens and they shouldn't be forgotten.

[hacker-h]

@Aesir on 1440p I zoom in by 40%, I think this is more handy on demand than a fixed setting per device

[Aesir]

@hacker-h If you do one properly you get the other. Obviously, you don't need to support every resolution but supporting phone resolution with minimum sizes before switching and adding options for UI and font scaling make it so that virtually every resolution ends up being supported. This is very standard for most apps and websites now, with a lot of tools available that do most of the work.