fix link on top in rtl

moa-engine · May 22, 2024 · 9a97750 · 9a97750
1 parent fd4ff9a
commit 9a97750
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css b/searx/static/themes/simple/css/searxng-rtl.min.css
diff --git a/searx/static/themes/simple/css/searxng-rtl.min.css.map b/searx/static/themes/simple/css/searxng-rtl.min.css.map
diff --git a/searx/static/themes/simple/css/searxng.min.css.map b/searx/static/themes/simple/css/searxng.min.css.map
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
@@ -457,7 +457,7 @@ html.no-js #clear_search.hide_if_nojs {
   }
 
   #links_on_top {
-    translate: -2rem !important;
+    .ltr-translate(-2rem);
   }
 
   #search_logo {

diff --git a/searx/static/themes/simple/src/less/style-ltr.less b/searx/static/themes/simple/src/less/style-ltr.less
@@ -82,4 +82,8 @@
   flex-direction: @offset
 }
 
+.ltr-translate(@offset){
+  translate: @offset !important;
+}
+
 @import "style.less";
diff --git a/searx/static/themes/simple/src/less/style-rtl.less b/searx/static/themes/simple/src/less/style-rtl.less
@@ -85,13 +85,17 @@
 
 .ltr-flex-dir(@offset) {
   & when (@offset = row) {
-    flex-direction: row-reverse
+    flex-direction: row-reverse;
   }
   & when (@offset = row-reverse) {
-    flex-direction: row
+    flex-direction: row;
   }
 }
 
+.ltr-translate(@offset){
+  translate: calc(-1 * @offset) !important;
+}
+
 @import "style.less";
 
 #q,
@@ -174,4 +178,12 @@
 
 #main_results #links_on_top{
   translate: 100%;
+}
+
+@media screen and (max-width: @phone) {
+  #main_index #links_on_top {
+    top: 1rem;
+    left: 2rem;
+    translate: 1rem !important;
+  }
 }