Ionic 4 Modal Backdrop
up vote
-1
down vote
favorite
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:
And when it is small (should be full screen):
css angular ionic-framework
asked Nov 19 at 0:41
Diesel
614920
add a comment |
up vote
-1
down vote
favorite
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:
And when it is small (should be full screen):
css angular ionic-framework
asked Nov 19 at 0:41
Diesel
614920
add a comment |
up vote
-1
down vote
favorite
up vote
-1
down vote
favorite
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:
And when it is small (should be full screen):
css angular ionic-framework
asked Nov 19 at 0:41
Diesel
614920
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:
And when it is small (should be full screen):
css angular ionic-framework
css angular ionic-framework
asked Nov 19 at 0:41
Diesel
614920
asked Nov 19 at 0:41
Diesel
614920
edited Nov 19 at 2:40
asked Nov 19 at 0:41
Diesel
614920
asked Nov 19 at 0:41
Diesel
614920
asked Nov 19 at 0:41
Diesel
614920
614920
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
I fixed it by adding the following code into my .scss file:
.modal-wrapper {
background-color: white;
}
answered Nov 24 at 23:13
Diesel
614920
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
I fixed it by adding the following code into my .scss file:
.modal-wrapper {
background-color: white;
}
answered Nov 24 at 23:13
Diesel
614920
add a comment |
up vote
0
down vote
I fixed it by adding the following code into my .scss file:
.modal-wrapper {
background-color: white;
}
answered Nov 24 at 23:13
Diesel
614920
add a comment |
up vote
0
down vote
up vote
0
down vote
I fixed it by adding the following code into my .scss file:
.modal-wrapper {
background-color: white;
}
answered Nov 24 at 23:13
Diesel
614920
I fixed it by adding the following code into my .scss file:
.modal-wrapper {
background-color: white;
}
answered Nov 24 at 23:13
Diesel
614920
answered Nov 24 at 23:13
Diesel
614920
answered Nov 24 at 23:13
Diesel
614920
answered Nov 24 at 23:13
Diesel
614920
614920
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53366942%2fionic-4-modal-backdrop%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
