Auto determine task date width on large screens

[asavageiv]

Fixes https://github.com/nextcloud/tasks/issues/2181

[raimund-schluessler]

This won't workk unfortunately, as the date then increases its width until it is completely visible, even hiding the task title in the worst case (I constructed an extreme case, but you get the point):

We could make everything a flex box, but that would require some larger rework.

[asavageiv]

What is your worst case test so I can make sure that works too.

What we want is for the task text to take priority until the other data reaches its min-width, right?

On Thu, Apr 10, 2025, 12:35 AM Raimund Schlüßler @.***> wrote:

This won't workk unfortunately, as the date then increases its width until it is completely visible, even hiding the task title in the worst case (I constructed an extreme case, but you get the point):

grafik.png (view on web) https://github.com/user-attachments/assets/cf706d46-177d-4ba8-b07d-08a5e0ecf7d8

We could make everything a flex box, but that would require some larger rework.

— Reply to this email directly, view it on GitHub https://github.com/nextcloud/tasks/pull/2833#issuecomment-2791828138, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAXDJ3MZHQLMQZ4WT7QEEWD2YYNLXAVCNFSM6AAAAAB2SBKXW6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOOJRHAZDQMJTHA . You are receiving this because you authored the thread.Message ID: @.***> raimund-schluessler left a comment (nextcloud/tasks#2833) https://github.com/nextcloud/tasks/pull/2833#issuecomment-2791828138

This won't workk unfortunately, as the date then increases its width until it is completely visible, even hiding the task title in the worst case (I constructed an extreme case, but you get the point):

grafik.png (view on web) https://github.com/user-attachments/assets/cf706d46-177d-4ba8-b07d-08a5e0ecf7d8

We could make everything a flex box, but that would require some larger rework.

— Reply to this email directly, view it on GitHub https://github.com/nextcloud/tasks/pull/2833#issuecomment-2791828138, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAXDJ3MZHQLMQZ4WT7QEEWD2YYNLXAVCNFSM6AAAAAB2SBKXW6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDOOJRHAZDQMJTHA . You are receiving this because you authored the thread.Message ID: @.***>

[jaylinski]

I would suggest a max-width-ellipsis with a title-attribute.

[github-actions[bot]]

Hello there, Thank you so much for taking the time and effort to create a pull request to our Nextcloud project.

We hope that the review process is going smooth and is helpful for you. We want to ensure your pull request is reviewed to your satisfaction. If you have a moment, our community management team would very much appreciate your feedback on your experience with this PR review process.

Your feedback is valuable to us as we continuously strive to improve our community developer experience. Please take a moment to complete our short survey by clicking on the following link: https://cloud.nextcloud.com/apps/forms/s/i9Ago4EQRZ7TWxjfmeEpPkf6

Thank you for contributing to Nextcloud and we hope to hear from you soon!

(If you believe you should not receive this message, you can add yourself to the blocklist.)