HTML-based Feature Headers are broken
Summary
The feature headers implemented by the design team on pages like CMS and Features (+ subpages) have wrong styling or collide and overwrite the implemented definitions of the CSS.
These elements should be replaced with the actual content element (Feature Header) to prevent breaking of the layouts and in general sketchy looks for some of the entry/introductory pages of the CMS.
Steps to reproduce
Just visit one of these pages:
- https://typo3.org/cms/ (most apparent)
-
https://typo3.org/cms/features/ (Breadcrumb overlaid)
- This also happens on basically all of the feature subpages
What is the current bug behavior?
Wrong design / implementation. The current design on the website is having obscenely large negative margins and uses background images, the implemented content element uses responsive images in a picture-tag, without those margins.
What is the expected correct behavior?
What you should see is almost identical, just minus the negative margin that can slide into other elements/the navigation, the implementation as content element follows the CSS the design team wrote for the implementation currently present on the website.
Acceptence Criterias
-
As a Visitor of the page, I want to see the site in a fully working state, as broken design might not reflect quality of a CMS I would want to use.
Relevant logs and/or screenshots
Possible fixes
Port HTML-based CE's for Feature Headers to the actual Features Header CE