Description

Steps to reproduce:

1. Go to https://www.wikifunctions.org/wiki/Z801?success=true

Observed behavior:

CdxMessage component shows vertical:

Additional details

Toast-like messages are being shown in two cases:

• On successful function creation/edition, which can be seen on the function page with url parameter success=true: https://www.wikifunctions.org/wiki/Z801?success=true
• On failed test/implementations connect, which can be seen by:
  • Make sure to be logged out
  • Go to https://www.wikifunctions.org/wiki/Z801
  • Select an implementation or test, and click connect or disconnect:

This toast used to be like this:

CdxMessage seems to be taking 100% of the space that's available. Because the parent div doesn't have any width, CdxMessage becomes width:0.
Before, CdxMessage used to take 100% in containers with a fixed width, while it would be adjusted to the content size when the container had no fixed size.

Completion checklist

• Before closing this task, review one by one the checklist available here: https://www.mediawiki.org/wiki/Abstract_Wikipedia_team/Definition_of_Done#Front-end_Task/Bug_Completion_Checklist