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

This commit is contained in:
Richard Schreiber
2025-06-10 14:12:26 +02:00
committed by GitHub
parent ab72abea0a
commit 572973b5c0

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);
background: white;
border-radius: $border-radius-large;
opacity: 0;
transition: opacity .5s allow-discrete;
}
.modal-card-inner {
display: flex;
@@ -52,18 +49,8 @@ dialog.modal-card .modal-card-content {
dialog::backdrop {
background-color: rgba(255, 255, 255, .5);
opacity: 0;
transition: opacity .5s allow-discrete;
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) {
dialog.modal-card:has(.modal-card-icon) .modal-card-inner {