Feature: task list on mobile view is difficult to use #454

Open
opened 2025-11-01 20:56:25 -05:00 by GiteaMirror · 0 comments
Owner

Originally created by @vikunja-bot on GitHub (Apr 1, 2025).

Original issue by hay-kot on 2023-05-15T21:48:39.000Z

Really loving working with Vikunja so far. I want to use it on a more day to day basis, but I'm finding the mobile task list view to be some-what unusable in my case.

In the image below, you can see that tasks are truncated and you cannot read the whole text, and some cases it is difficult to determine what the task even is.

Mobile Image

CleanShot 2023-05-15 at 13.42.03@2x

I'd like to propose updating the component to support multiple lines of text, (truncated at 2-3 lines). That may also require some changes to put labels/priority stuff below the text. As such I'm unsure the complexity here.

Microsoft Todo Example

CleanShot 2023-05-15 at 13.45.02@2x

I'm willing to take a crack at the UI if I can get some guidence on what would be accepted by the core team.

Original issue on Gitea


@kolaente commented on 2023-05-23T14:52:47.000Z:

If you have an idea in mind on what it could look like, please create a PR. The component in question is this one: https://kolaente.dev/vikunja/frontend/src/branch/main/src/components/tasks/partials/singleTaskInProject.vue

As you mentioned, this is likely a little more complicated with all the other task properties like labels, dates etc. - it's probably best to iterate towards a good solution..

Originally created by @vikunja-bot on GitHub (Apr 1, 2025). _Original issue by hay-kot on 2023-05-15T21:48:39.000Z_ _Really_ loving working with Vikunja so far. I want to use it on a more day to day basis, but I'm finding the mobile task list view to be some-what unusable in my case. In the image below, you can see that tasks are truncated and you cannot read the whole text, and some cases it is difficult to determine what the task even is. <details> <summary>Mobile Image </summary> ![CleanShot 2023-05-15 at 13.42.03@2x](/attachments/63a9453e-9c8c-4a22-b637-bc414da0a285) </details> I'd like to propose updating the component to support multiple lines of text, (truncated at 2-3 lines). That may also require some changes to put labels/priority stuff below the text. As such I'm unsure the complexity here. <details> <summary>Microsoft Todo Example</summary> ![CleanShot 2023-05-15 at 13.45.02@2x](/attachments/cf36452e-9932-48a1-aa50-b248fb03c519) </details> I'm willing to take a crack at the UI if I can get some guidence on what would be accepted by the core team. [Original issue on Gitea](https://kolaente.dev/vikunja/vikunja/issues/1522) --- _**@kolaente** commented on 2023-05-23T14:52:47.000Z_: If you have an idea in mind on what it could look like, please create a PR. The component in question is this one: https://kolaente.dev/vikunja/frontend/src/branch/main/src/components/tasks/partials/singleTaskInProject.vue As you mentioned, this is likely a little more complicated with all the other task properties like labels, dates etc. - it's probably best to iterate towards a good solution..
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#454