Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/DialogHolder: fix bottom margin on mobile during the close animation

Browse source
This commit is contained in:
wukko 2024-07-27 19:26:07 +06:00
parent 59f5560802
commit 6072fbac5c
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/components/dialog/DialogHolder.svelte
View file

@ -120,21 +120,24 @@
will-change: transform; will-change: transform;
} }
:global(.open .dialog-body) { :global(dialog.open .dialog-body) {
animation: modal-in 0.35s; animation: modal-in 0.35s;
} }
:global(.closing .dialog-body) { :global(dialog.closing .dialog-body) {
animation: modal-out 0.15s; animation: modal-out 0.15s;
opacity: 0; opacity: 0;
} }
@media screen and (max-width: 535px) { @media screen and (max-width: 535px) {
:global(.open .dialog-body) { :global(dialog.open .dialog-body) {
animation: modal-in-mobile 0.4s; animation: modal-in-mobile 0.4s;
}
:global(dialog .dialog-body) {
margin-bottom: calc( margin-bottom: calc(
var(--padding) / 2 + env(safe-area-inset-bottom) var(--padding) / 2 + env(safe-area-inset-bottom)
); ) !important;
box-shadow: 0 0 0 2px var(--popup-stroke) inset; box-shadow: 0 0 0 2px var(--popup-stroke) inset;
} }
} }