javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(modal): set card-style modal height using the --height css variable (#21453)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-06-08 10:29:39 -04:00
committed by GitHub
parent 187917c746
commit a4f0bdb4c3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/modal/modal.ios.scss
View File

@ -21,14 +21,14 @@
@media screen and (max-width: 767px) {
@supports (width: max(0px, 1px)) {
:host(.modal-card) .modal-wrapper {
height: calc(100% - max(30px, var(--ion-safe-area-top)) - 10px);
:host(.modal-card) {
--height: calc(100% - max(30px, var(--ion-safe-area-top)) - 10px);
}
}
@supports not (width: max(0px, 1px)) {
:host(.modal-card) .modal-wrapper {
height: calc(100% - 40px);
:host(.modal-card) {
--height: calc(100% - 40px);
}
}