CGM_Public/pretix_original
2
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-05-07 15:34:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove fade-in for dialogs to remove flickering when showing multiple dialogs in a row (#5208)

Browse Source
This commit is contained in:
Richard Schreiber
2025-06-10 14:12:26 +02:00
committed by GitHub
parent ab72abea0a
commit 572973b5c0
1 changed files with 0 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pretix/static/pretixbase/scss/_dialogs.scss
View File

@@ -8,9 +8,6 @@ dialog.modal-card {
box-shadow: 0 7px 14px 0 rgba(78, 50, 92, 0.1),0 3px 6px 0 rgba(0,0,0,.07); box-shadow: 0 7px 14px 0 rgba(78, 50, 92, 0.1),0 3px 6px 0 rgba(0,0,0,.07);
background: white; background: white;
border-radius: $border-radius-large; border-radius: $border-radius-large;
opacity: 0;
transition: opacity .5s allow-discrete;
} }
.modal-card-inner { .modal-card-inner {
display: flex; display: flex;
@@ -52,18 +49,8 @@ dialog.modal-card .modal-card-content {
dialog::backdrop { dialog::backdrop {
background-color: rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .5);
opacity: 0;
transition: opacity .5s allow-discrete;
backdrop-filter: blur(2px); backdrop-filter: blur(2px);
} }
dialog[open], dialog[open]::backdrop {
opacity: 1;
}
@starting-style {
dialog[open], dialog[open]::backdrop {
opacity: 0;
}
}
@media screen and (min-width: $screen-sm-min) { @media screen and (min-width: $screen-sm-min) {
dialog.modal-card:has(.modal-card-icon) .modal-card-inner { dialog.modal-card:has(.modal-card-icon) .modal-card-inner {