Change size modal using CSS variables Ionic 4

Ionic Framework
1

Hi
I am trying to change the size (and other props) of a modal in Ionic 4 (Angular), tablet size.

I tried

ion-modal {
  --width: 99%;
  --border-color: red;
  --min-width: 95%;
  --background: black;
}

app-question {
  --width: 99%;
  --border-color: red;
  --min-width: 95%;
  --background: black;
}

Where app-question is the selector of the modalpage being displayed. I tried to put it in the scss file of the page itself and at global level.

To no avail. Any knows how to select the modal to change the css as mentioned in the docs for ion-modal?

Regards,

Tom

2

if it is a popover, you can use this

ion-popover{
  .popover-wrapper{
    .popover-content{
     // Your CSS Here
    }
  }
}
3

Thx,
no joy on my end, when using Popovercontroller vs Modalcontroller.
I will try a bit more later. And may show using Stackblitz.
Tom