mirror of
https://github.com/searxng/searxng.git
synced 2024-12-20 00:06:28 +00:00
[fix] simple theme: fix modal dialog
This commit is contained in:
parent
a87f1eb9ec
commit
e612b81f41
1 changed files with 18 additions and 0 deletions
|
@ -183,6 +183,7 @@ div.selectable_url {
|
|||
.dialog-modal {
|
||||
.dialog();
|
||||
|
||||
display: block;
|
||||
background: var(--color-toolkit-dialog-background);
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
|
@ -190,6 +191,23 @@ div.selectable_url {
|
|||
margin: 0 auto;
|
||||
transform: translate(-50%, -50%);
|
||||
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
|
||||
|
|
Loading…
Reference in a new issue