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

New Issue

hay-kot · 2023-05-15T21:48:39Z

hay-kot commented

2023-05-15 21:48:39 +00:00

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

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

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.

_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.

CleanShot 2023-05-15 at 13.42.03@2x.png

125 KiB

CleanShot 2023-05-15 at 13.45.02@2x.png

157 KiB

konrad commented

2023-05-23 14:52:47 +00:00

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..

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.