Message thread width does not reduce according to viewport width

[jancborchardt]

With 2.0.0-beta.2 on tech-preview

When you make the window narrower or go into mobile mode, the threads and mail texts are cropped off on the right side because they do not reduce in width.

[kesselb]

Thanks @jancborchardt :+1:

Hope you don't mind when I add some of my findings to this issue as they look related.

Issue 1: Width 1440. Message component is wider than viewport

Screencast from 06.09.2022 16:55:01.webm

Issue 2: Width 1024. Envelope list is not visibile

Please let me know if we need a dedicated issue for those.

[jancborchardt]

Perfect, thank you @kesselb! :) Those are exactly my issues too, just didn’t have a test account to take screenshots with.

[ChristophWurst]

It appears to happen for a very small range of window widths now. Yet I can not figure our where this is coming from.

[ChristophWurst]

Did the nc-vue breakpoints change with the new padded body container?

[ChristophWurst]

Bingo. Setting the breakpoint to 1008px (1024-2*8) resolves this issue.

[szaimen]

I think this is solved with https://github.com/nextcloud/nextcloud-vue/pull/3329

[st3iny]

~~This needs a backport to stable1.14. We can probably hard code the changes from nextcloud-vue into the stable1.14 branch because a bump is not feasible.~~

Ref https://github.com/nextcloud/mail/issues/7424#issuecomment-1279107539

EDIT: The linked screenshot is from v2.0.0.

[st3iny]

Fixed by #7419