cssionic-frameworkionic-popup

Ionic: How is it possible to change the width of $ionicPopup?

I'm trying to change the width of $ionicPopup; I've tried using the following css code, to import it onto cssClass: my-popup:

.my-popup {
      width: 400;
      }

But that didn't seem to work.

I've really got stuck there, and currently unable to find a solution.

Any help will be much appreciated. Thank you.

Solution

  • Place the following in the src/theme/variables.scss file; 

    $popover-ios-width: 300px;