mirror of
https://github.com/searxng/searxng.git
synced 2024-11-05 04:40:11 +01:00
Merge pull request #527 from dalf/fix-simple-modal
[fix] simple theme: fix modal dialog
This commit is contained in:
commit
0e27578e35
@ -1525,6 +1525,7 @@ div.selectable_url pre {
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
display: block;
|
||||
background: var(--color-toolkit-dialog-background);
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
@ -1561,6 +1562,9 @@ div.selectable_url pre {
|
||||
margin-top: 0.3em;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
.dialog-modal h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.btn-collapse {
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -2185,6 +2189,19 @@ article.result-images .detail {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
.dialog-modal {
|
||||
animation-name: dialogmodal;
|
||||
animation-duration: 0.13s;
|
||||
}
|
||||
@keyframes dialogmodal {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
transform: translate(-50%, -50%) scale(1.05);
|
||||
}
|
||||
}
|
||||
#main_index {
|
||||
margin-top: 26vh;
|
||||
}
|
||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1525,6 +1525,7 @@ div.selectable_url pre {
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
display: block;
|
||||
background: var(--color-toolkit-dialog-background);
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
@ -1561,6 +1562,9 @@ div.selectable_url pre {
|
||||
margin-top: 0.3em;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
.dialog-modal h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.btn-collapse {
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -2185,6 +2189,19 @@ article.result-images .detail {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
.dialog-modal {
|
||||
animation-name: dialogmodal;
|
||||
animation-duration: 0.13s;
|
||||
}
|
||||
@keyframes dialogmodal {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
transform: translate(-50%, -50%) scale(1.05);
|
||||
}
|
||||
}
|
||||
#main_index {
|
||||
margin-top: 26vh;
|
||||
}
|
||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
15
searx/static/themes/simple/src/less/animations.less
Normal file
15
searx/static/themes/simple/src/less/animations.less
Normal file
@ -0,0 +1,15 @@
|
||||
.dialog-modal {
|
||||
animation-name: dialogmodal;
|
||||
animation-duration: 0.13s;
|
||||
|
||||
@keyframes dialogmodal {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
transform: translate(-50%, -50%) scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
@ -16,6 +16,7 @@
|
||||
@import "toolkit.less";
|
||||
@import "autocomplete.less";
|
||||
@import "detail.less";
|
||||
@import "animations.less";
|
||||
|
||||
// for index.html template
|
||||
@import "index.less";
|
||||
|
@ -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,10 @@ div.selectable_url {
|
||||
margin: 0 auto;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 10000000;
|
||||
|
||||
h3 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// btn-collapse
|
||||
|
Loading…
Reference in New Issue
Block a user