[Feature Request] Mobile Support

[tionis]

Currently the web app doesn't scale right on mobile. The design should be responsive for better usability on smartphones and other tiny screen size devices.

[tionis]

I think it would also be a great idea to move the project title into the top "Planka" bar, as it really takes up much screen real estate on for example 13'' screens.
It tested this very primitively and also think that the board overview bar should then get hard edges on the top and rounded edges on the bottom, so that all navigation move up a bit optically. This could separate content and navigation a bit more.

[nickbe]

This is also already on our list. We will improve the mobile views and you will have a much better usability when this is done.

[timdonovanuk]

Looking forward to this!

[4jag]

1-3/4 years later, and.... Planka is still completely unresponsive. (as in not mobile-friendly). Any plans for an android client? (would hope to support both small-screen phones and larger tablets).

[JohnRock0422]

+1

Any roadmap?

[frogman544]

It would be nice to have a roadmap that is in the "Client demo" for Planka. In addition to the mocked data, also have the actual roadmap.

Cheers

[meltyshev]

This is a good idea 🤔

[hoggatt]

Love Planka!

Mobile support would put it over the top! I'd love to be able to easily use this from my phone when I'm at the store or on the go. It's not bad as-is since Planka is very vertical, but a few UI tweaks (basically: don't make the whole page so big, or just copy trello) would go a long way.

[kekkodance]

sorry for necroing, any updates?

[ncrmnt]

bump

[Arslanoov]

Found out that you can add this style and it will look much better in mobile devices #root { overflow-y: hidden; }

[Arslanoov]

The fastest, but not the best solution is just to add sub filter to your Nginx config

location / {
    sub_filter </head> '</head><style>#root{overflow-y:hidden}</style>';
    sub_filter_once on;
    ...
}

[thanhnguyen2187]

Hi. Is there any update on this? Planka as a PWA feels pretty nice on mobile, but on visiting a board's page, I do feel it is not the best mobile experience I have experienced.

[timdonovanuk]

:(

[Walter-o]

Bumping as this would be insanely epic!

edit: best way i found to modify CSS is doing a bind mount from a local css file to the css file inside the docker container.

it allows me to update it without restarting anything.

still i hope mobile support comes some day.

edit2: To edit css live:

• do docker cp planka:/app/public/static/css/main.710bf5a4.css ./custom.css this copies the planka css file to outside the docker container.
• add this to docker-compose:

  volumes:
  - ./custom.css:/app/public/static/css/main.710bf5a4.css:ro

  this overlays your custom css file over the place of the original

• restart planka

after that you can modify the custom.css file live and it will be reflected in planka

[papiforcex]

Hi, if there's no changes applied yet for this feature, I'll look forward and try fixing it

[meltyshev]

Hi, if there's no changes applied yet for this feature, I'll look forward and try fixing it

Hi! We haven't started working on this yet, so we'd really appreciate any help :)