bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust dialog transition styles

Browse Source
This commit is contained in:
Alexander Zaytsev
2026-01-26 16:29:03 +01:00
parent f2ff5af4f5
commit 85b0d80262
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/dialog.css
+9 -10
View File
@@ -7,17 +7,16 @@
:is(.dialog) {
border: 0;
opacity: 0;
transform: scale(0.2);
transform-origin: top center;
transition: var(--dialog-duration) allow-discrete;
transition-property: display, opacity, overlay, transform;
transform: scale(0.9);
transform-origin: center;
transition: var(--dialog-duration) ease-out allow-discrete;
transition-property: opacity, overlay, transform;
&::backdrop {
background-color: var(--color-black);
opacity: 0;
transform: scale(1);
transition: var(--dialog-duration) allow-discrete;
transition-property: display, opacity, overlay;
opacity: 0.4;
transition: var(--dialog-duration) ease-out allow-discrete;
transition-property: opacity, overlay;
}
&[open] {
@@ -32,11 +31,11 @@
@starting-style {
&[open] {
opacity: 0;
transform: scale(0.2);
transform: scale(0.9);
}
&[open]::backdrop {
opacity: 0;
opacity: 0.4;
}
}
}