QA and Frontend-fixes

[zoglo]

Information

These changes can be upstreamed to the 5.2.*-branch as it doesn't touch any files besides _table.scss (just consider the classname change in the 5.2 branch)

---

Fixes

This PR fixes following issues:

Always consider flex-wrap within mod_article 1ba8421338b01d0fad511a8fd80cc39b087a7709

This can lead to a lot of issues where every content will be shown in the same row. Not every browser (Chrome, Chromium-based, Safari) will break flex on default.

Header-Image-Slider overflowing on mobile devices due to using a negative margin ff7959e5dfb613af2bd75c3c0ec1326f0ec298eb

I removed the margin-inline as it did break on mobile devices, you can see the initial version in this screenshot:

Fixed events display on mobile devices 77f0fab153c731b05d39e898e04a1f2bceaeb756

The events calendar was broken completely on mobile devices due to the table styles, I added some revert styles to properly show the tables. (Imho, the media-breakpoints need a rework as there is lots of filesize to save)

Also the pseudo-element for tables:

[sascha-mueller]

Let's talk about it at the conference. I would like to solve the tables differently and elsewhere the changed mod_article template causes the error.

[zoglo]

Let's talk about it at the conference. I would like to solve the tables differently and elsewhere the changed mod_article template causes the error.

I agree, this isn't a nice approach and the tables do break quite a few things.

I converted this Pull-Request to a draft for now

[zoglo]

Will close this in favor of the talk at the contao conference 2023.

Summary:

• overflow of the slider is a bug
• The events detail page is a change in the mod_article template and we should consider a better solution
• The events calendar / mini calendar does not work on mobile devices due to the table styles that could be reworked

I'll provide another Draft with separate fixes soon