Popover width on IONIC 4?

I need modify popover size on IONIC 4 but NOT WORK USING

$popover-md-width: 320px;
$popover-ios-width: 320px;
$popover-wp-width: 320px;

Thanks!

1 Like

Finally I’ve add this:

ion-popover{
ion-backdrop{
opacity: 0.5 !important;
}
.popover-wrapper{
.popover-content{
width:80vw;
max-width:500px;
}
}
}

on variables.scss

5 Likes

It worked for me too. Thanks.

Popover width can be modified on a global level bij adding the following to the variables.scss file:

ion-popover {
	--width: 320px;
}

Perfect thank you! This is just what i needed. IOS was for some reason have a small width. I decided to fix it with a set width and this solved all issues and looks perfect. Good recommendation.