"Undo" message doesn't resize if text is longer

[Chartman123]

Steps to reproduce

1. Send an email with e.g. German user language
2. See "undo" message is not really readable

Expected behavior

Message popup should resize to the text length + button width

Actual behavior

Message popup seems to have a fixed with:

Mail app version

1.12.0

Mailserver or service

No response

Operating system

No response

PHP engine version

PHP 8.0

Web server

Apache (supported)

Database

PostgreSQL

Additional info

No response

[ChristophWurst]

Possibly a bug of https://github.com/nextcloud/nextcloud-dialogs/ because I don't think this app influences how the text is styled

[Chartman123]

Yes, possible. Should I open a bug report over there? The problem here was the first time I was facing this issue...

[ChristophWurst]

One of us will have a look, no worries. If it's a bug there then we can create another ticket. For now I'd leave it here until my suspicion has been verified.

[Chartman123]

I had a closer look at the code. I think that it is indeed a problem in the dialogs repo... The undo button will be added to the toast message there... Seems like the space reserved for the button stays in the size of the "Undo" text even if there is a longer text ("Rückgängig") so the toast message isn't correctly resized to the bigger button.

https://github.com/nextcloud/nextcloud-dialogs/blob/3ca4519d6763249238b82a9f6135c87f30c86937/styles/toast.scss#L38

https://github.com/nextcloud/nextcloud-dialogs/blob/3ca4519d6763249238b82a9f6135c87f30c86937/lib/toast.ts#L189-L194

[GretaD]

I had a closer look at the code. I think that it is indeed a problem in the dialogs repo... The undo button will be added to the toast message there... Seems like the space reserved for the button stays in the size of the "Undo" text even if there is a longer text ("Rückgängig") so the toast message isn't correctly resized to the bigger button.

https://github.com/nextcloud/nextcloud-dialogs/blob/3ca4519d6763249238b82a9f6135c87f30c86937/styles/toast.scss#L38

https://github.com/nextcloud/nextcloud-dialogs/blob/3ca4519d6763249238b82a9f6135c87f30c86937/lib/toast.ts#L189-L194

thank you so much for investigating, i will fix this asap