Looking for a solution regarding an ion-modal with specific CSS settings? I previously had the following CSS:
ion-modal::part(content) {
width: 300px;
height: 480px;
}
Now, I need to adjust the height based on conditions: if A, the height should be lower; if B, the height remains the same.
I attempted a straightforward CSS approach:
ion-modal {
--height: 520px
}
Unfortunately, this method didn't yield results, even when used within the conditions. My searches only turned up information about styling :before and :after elements.