Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] Mobile Support #19

Open
tionis opened this issue Aug 12, 2020 · 19 comments
Open

[Feature Request] Mobile Support #19

tionis opened this issue Aug 12, 2020 · 19 comments
Labels
enhancement New feature or request

Comments

@tionis
Copy link

tionis commented Aug 12, 2020

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.

@meltyshev meltyshev added the enhancement New feature or request label Aug 13, 2020
@tionis
Copy link
Author

tionis commented Aug 13, 2020

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
Copy link

nickbe commented Aug 18, 2020

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
Copy link

Looking forward to this!

@4jag
Copy link

4jag commented May 18, 2022

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
Copy link

+1

Any roadmap?

@frogman544
Copy link

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
Copy link
Member

This is a good idea 🤔

@hoggatt
Copy link

hoggatt commented Jan 21, 2023

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
Copy link

sorry for necroing, any updates?

@ncrmnt
Copy link

ncrmnt commented Aug 8, 2023

bump

@Arslanoov
Copy link

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

@Arslanoov
Copy link

Arslanoov commented Aug 17, 2023

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
Copy link

thanhnguyen2187 commented Sep 23, 2023

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
Copy link

image

:(

@Walter-o
Copy link

Walter-o commented Jan 29, 2024

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
Copy link
Contributor

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

@meltyshev
Copy link
Member

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 :)

@haldi4803
Copy link

IMHO the most comfortable way for Mobile Usage would be to make each list Stretch on the Screen Width and and use swipe gestures or small buttons to switch left and right.

It's barely useable right now... until you Open a Task and only have half of it displayed.
image

@Go00oglin
Copy link

I'm voting to having a mobile version. It's 100500 must have thing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests