diff --git a/searx/static/themes/simple/css/searxng-rtl.css b/searx/static/themes/simple/css/searxng-rtl.css index 6087a6aa5..8c42fec1a 100644 --- a/searx/static/themes/simple/css/searxng-rtl.css +++ b/searx/static/themes/simple/css/searxng-rtl.css @@ -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; } diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css index eecac2bac..c12712b33 100644 Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css and b/searx/static/themes/simple/css/searxng-rtl.min.css differ diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map index e33316f94..1ea546684 100644 Binary files a/searx/static/themes/simple/css/searxng-rtl.min.css.map and b/searx/static/themes/simple/css/searxng-rtl.min.css.map differ diff --git a/searx/static/themes/simple/css/searxng.css b/searx/static/themes/simple/css/searxng.css index a6c8db39a..c0bc1cdcd 100644 --- a/searx/static/themes/simple/css/searxng.css +++ b/searx/static/themes/simple/css/searxng.css @@ -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; } diff --git a/searx/static/themes/simple/css/searxng.min.css b/searx/static/themes/simple/css/searxng.min.css index 6a84f28ef..c4c578031 100644 Binary files a/searx/static/themes/simple/css/searxng.min.css and b/searx/static/themes/simple/css/searxng.min.css differ diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map index 4830b7560..5a92ccb78 100644 Binary files a/searx/static/themes/simple/css/searxng.min.css.map and b/searx/static/themes/simple/css/searxng.min.css.map differ diff --git a/searx/static/themes/simple/src/less/animations.less b/searx/static/themes/simple/src/less/animations.less new file mode 100644 index 000000000..750b7d255 --- /dev/null +++ b/searx/static/themes/simple/src/less/animations.less @@ -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); + } + } +} diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index a5c050f20..17d6dd845 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -16,6 +16,7 @@ @import "toolkit.less"; @import "autocomplete.less"; @import "detail.less"; +@import "animations.less"; // for index.html template @import "index.less"; diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less index da207f1f5..924c81a08 100644 --- a/searx/static/themes/simple/src/less/toolkit.less +++ b/searx/static/themes/simple/src/less/toolkit.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