[4.0] Custom Element styling

[ciar4n]

Elements like alerts appear to import styling upstream from the custom-element repo and then proceed to mostly override that styling locally. The result is at least twice as much CSS as is required.

https://github.com/joomla/joomla-cms/blob/4.0-dev/administrator/templates/atum/scss/vendor/joomla-custom-elements/joomla-alert.scss#L12

Styling should be applied upstream on the custom-elements repo OR remove the import and style locally.. not both.

[brianteeman]

agree 100% it should be one or the other and not both

[ciar4n]

One option.... #28627

[ciar4n]

Turns out there is 2 different styles of alert. The second style overriding the first depending on where it is rendered. 😒

So regarding the alerts, it is not as bad but still weird.

[wilsonge]

Do we really need two styles of alert. I have to admit the stuff in the sample data install that is inline does look a bit weird. But feels like there should be a better way of handling it somehow

[brianteeman]

Well we do need inline alerts to satisfy #27391

[brianteeman]

Is this a duplicate of #22842