CODEWITHSUNDEEP
cssangularionic-framework
Diesel
Diesel

Reputation: 5345

Ionic 4 Modal Backdrop

I'm attempting to fix the way my modal works when presented.

When the screen size is large it has a translucent backdrop due to the min-height css. I don't mind that min height, I just want it all to be white.

It is created normally then presented:

this.modalCtrl.create({
  component: AddCommentPage,
  componentProps: { id: this.place.id }
}).then((element) => element.present());

Here is a view when the screen is large:

Large Image

And when it is small (should be full screen):

Small Image

Upvotes: 0

Views: 2690

Answers (1)

Diesel
Diesel

Reputation: 5345

I fixed it by adding the following code into my .scss file:

  .modal-wrapper {
    background-color: white;
  }

Upvotes: 1

Related Questions