From e612b81f412934a75b9c187d7f1daf98c0373363 Mon Sep 17 00:00:00 2001
From: Alexandre Flament <alex@al-f.net>
Date: Sat, 20 Nov 2021 09:28:44 +0100
Subject: [fix] simple theme: fix modal dialog

---
 searx/static/themes/simple/src/less/toolkit.less | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'searx/static/themes/simple/src')

diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index da207f1f5..2c835e9b4 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,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
-- 
cgit v1.2.3


From 6a367b59cef38fad42c7f39f80579746de267d62 Mon Sep 17 00:00:00 2001
From: mrpaulblack <paul@paulgo.io>
Date: Sun, 21 Nov 2021 12:04:08 +0100
Subject: [simple theme] add animations.less for keyframe animations

---
 searx/static/themes/simple/src/less/animations.less | 15 +++++++++++++++
 searx/static/themes/simple/src/less/style.less      |  1 +
 searx/static/themes/simple/src/less/toolkit.less    | 13 -------------
 3 files changed, 16 insertions(+), 13 deletions(-)
 create mode 100644 searx/static/themes/simple/src/less/animations.less

(limited to 'searx/static/themes/simple/src')

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 2c835e9b4..924c81a08 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -191,25 +191,12 @@ 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
 .btn-collapse {
   cursor: pointer;
-- 
cgit v1.2.3