Styling Modal v4

@traada wrote:

Is there any way to apply width and height styling to a single modal class without affecting any others? I have this in my variables.scss:

@media only screen and (min-height: 600px) and (min-width: 768px) {
    ion-modal {
        --width: 100%;
        --height: 100%;
        --min-width: 100%;
        --min-height: 100%;
        --max-width: 100%;
        --max-height: 100%;
    }
    
    .search-modal {
        width: var(--width) !important;
        min-width: var(--min-width) !important;
        max-width: var(--max-width) !important;
        height: var(--height) !important;
        min-height: var(--min-height) !important;
        max-height: var(--max-height) !important;
    }
  }

This code has been applied to all modals in the app, not just modals with a search-modal class.

Posts: 1

Participants: 1

Read full topic