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

fix(modal): modal displays in middle of screen on desktop (#23911)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-09-09 12:27:42 -04:00
committed by GitHub
parent 195d817967
commit 9d87028e81
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/modal/modal.scss
View File

@ -65,9 +65,6 @@
.modal-shadow { .modal-shadow {
@include border-radius(var(--border-radius)); @include border-radius(var(--border-radius));
position: absolute;
bottom: 0;
width: var(--width); width: var(--width);
min-width: var(--min-width); min-width: var(--min-width);
max-width: var(--max-width); max-width: var(--max-width);
@ -142,3 +139,9 @@
:host(.modal-sheet) { :host(.modal-sheet) {
--height: calc(100% - (var(--ion-safe-area-top) + 10px)); --height: calc(100% - (var(--ion-safe-area-top) + 10px));
} }
:host(.modal-sheet) .modal-wrapper,
:host(.modal-sheet) .modal-shadow {
position: absolute;
bottom: 0;
}