mirror of https://github.com/searxng/searxng.git
[fix] simple theme: fix modal dialog
This commit is contained in:
parent
a87f1eb9ec
commit
e612b81f41
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue