Transparent Dialog

[TerryOS]

Hi,

I'm using the Ultima template with my own theme, and I'm trying to make use the the Dialog window, however whenever I launch it, the opacity appears to be incorrect. I've updated to PrimeReact 4.2.1, previously I was on version 3.4, but its made no difference.



I have tried explicity setting the opacity to 1 on the dialog but that makes no difference.

Thanks!

[TerryOS]

Resolved this myself in the end by comparing CSS values on the demo page https://www.primefaces.org/primereact/showcase/#/dialog

The offending CSS is:

Code: Select all

body .p-component-overlay {
  background-color: #424242;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

Overriding with this solves the issue:

Code: Select all

body .p-component-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}