[bp:ModalDialog] overlay colour and transparency

Hi!

@exyi
Please show me the easiest way to make this control adjustable in terms of overlay colour and transparency by markup. We need this flexibility for UX and workflow reasons.

PS: right now I’m trying to localize the overlay in html in hope of hijacking it with some CSS

I’ve managed to over-impose some CSS on the modal’s overlay.

It would be nice for the BP package to offer by markup the possibility to adjust these though.

Issue on github

The overlay color (including the alpha channel) can be adjusted using the --bp-color_base-overlay CSS variable. It can be also set in the dothtml markup as an inline style, it has to be on the ModalDialog parent element.

1 Like