[fix] simple theme: fix modal dialog

This commit is contained in:
Alexandre Flament 2021-11-20 09:28:44 +01:00 committed by Markus Heiser
parent a87f1eb9ec
commit e612b81f41
1 changed files with 18 additions and 0 deletions

View File

@ -183,6 +183,7 @@ div.selectable_url {
.dialog-modal { .dialog-modal {
.dialog(); .dialog();
display: block;
background: var(--color-toolkit-dialog-background); background: var(--color-toolkit-dialog-background);
position: fixed; position: fixed;
top: 50%; top: 50%;
@ -190,6 +191,23 @@ div.selectable_url {
margin: 0 auto; margin: 0 auto;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 10000000; z-index: 10000000;
animation-name: dialogmodal;
animation-duration: 0.13s;
h3 {
margin-top: 0;
}
}
@keyframes dialogmodal {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
transform: translate(-50%, -50%) scale(1.05);
}
} }
// btn-collapse // btn-collapse