Allow us to style the components-reconnect-modal in Blazor

[hades200082]

Is there an existing issue for this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe the problem.

Currently the components-reconnect-modal and it's children are styled by an explicit stylesheet embedded in the shadow-dom that the component uses.

This means that we can't override the styling of that modal from our own CSS.

Describe the solution you'd like

Simple option: Move the styling out of the shadow-dom into the Blazor template CSS so we can change/override it.

Bigger/better option: Place the whole component somewhere we can edit/override in our own projects so we can completely customise the components-reconnect-modal control.

Additional context

All I'm trying to do currently is change the fonts, background and text colours of the modal in line with the users chosen "prefers-dark-mode" setting and my own branding. This would be enough for me, but a more customisable solution would be nice long-term.

[javiercn]

@hades200082 thanks for contacting us.

We moved this code to the template in 10.0, which gives you full control over the UI.