ist es möglich, die absolute Position von ionischen Modal zu setzen?

Question

Ich bin mit ionischen modalPopup

, aber ich mag die modale volle Breite haben, von unten, wie dies in materialise.css (überprüfen Sie den modalen Buttom Blatt-Stil) erscheinen.

Wie kann ich das mit ionischen tun? Es gibt eine discussion here aber es war immer noch über das Zentrieren und nicht absolute Buttom so hat dieser

nicht funktionieren

.modal-center { 
    position : absolute; 
    bottom: 0px; 
    min-height: 0; 
} 

wäre toll, wenn Sie eine Änderung dieser codePen

Answer 1

bieten Es ist einfacher als Sie denken. Fügen Sie dieses css hinzu:

@media (min-width: 680px){ 
    ion-modal-view.modal { 
    top: 50%; 
    right: 0% !important; 
    bottom: 0% !important; 
    left: 0% !important; 
    min-height: 240px !important; 
    width: 100% !important; 
    } 
}