web/DialogHolder: fix dialog animation jumping on new safari versions

WebKit/WebKit@ce08f32453 breaks this animation on newer versions
of safari. why? i guess we'll never know
This commit is contained in:
dumbmoron 2024-08-22 17:09:42 +00:00
parent a21c9e7632
commit d7d707e666
No known key found for this signature in database

View file

@ -57,12 +57,6 @@
display: none; display: none;
} }
@media screen and (max-width: 535px) {
:global(dialog) {
justify-content: end;
}
}
#dialog-holder { #dialog-holder {
position: absolute; position: absolute;
padding-top: env(safe-area-inset-bottom); padding-top: env(safe-area-inset-bottom);
@ -130,6 +124,10 @@
} }
@media screen and (max-width: 535px) { @media screen and (max-width: 535px) {
:global(dialog) {
justify-content: flex-end;
}
:global(dialog.open .dialog-body) { :global(dialog.open .dialog-body) {
animation: modal-in-mobile 0.4s; animation: modal-in-mobile 0.4s;
} }
@ -170,10 +168,13 @@
} }
@keyframes modal-in-mobile { @keyframes modal-in-mobile {
from { 0% {
transform: translateY(200px); transform: translateY(0);
opacity: 0; opacity: 0;
} }
1% {
transform: translateY(200px);
}
30% { 30% {
opacity: 1; opacity: 1;
} }