Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-06-12 13:17:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/dialog/DialogHolder.svelte
View File

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