Keep layout on sync errors

[max-nextcloud]

See #6877

Ui changes

• fix(ui): move document status to the bottom

🖼️ Screenshots

	🏚️ before	🏡 after
Sync error
Conflict view
Notifications

Other commits

• fix(vite): allow hostnames used for hmr via docker-dev

☑️ TODO

• make sure that the margin from the bottom is of size --clickable-area

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 2 lines in your changes missing coverage. Please review.

Project coverage is 37.86%. Comparing base (fb70ab7) to head (f14eb27).

Files with missing lines	Patch %	Lines
src/components/Editor.vue	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #6903      +/-   ##
==========================================
+ Coverage   37.84%   37.86%   +0.01%     
==========================================
  Files         750      740      -10     
  Lines       42664    42642      -22     
  Branches     1273     1263      -10     
==========================================
  Hits        16146    16146              
+ Misses      25896    25884      -12     
+ Partials      622      612      -10     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[marcoambrosini]

Looks good @max-nextcloud, let's just make sure that the margin from the bottom is of size --clickable-area

[max-nextcloud]

/backport to stable30

[max-nextcloud]

/backport to stable29

[max-nextcloud]

@marcoambrosini I noticed an issue with the layout:
Now the message container will overlay the scrollbar of the text window:

Possible solutions

Leave some room for the scrollbar

I can work around this by making the message calc(100vw - 20px) wide.

Use flex column layout on the parent

This way the message is on the bottom and the room above is for the text content.

I'm not sure which one to pick.

[marcoambrosini]

Did you try to play with the z-index of the element? Seems strange that it ends up above the scrollbar

[max-nextcloud]

Did you try to play with the z-index of the element? Seems strange that it ends up above the scrollbar

Yes. Changed it from the current 100.000 to 0 without any effect.

[marcoambrosini]

@ShGKme do you have any idea why that happens?