From d000288ad0c41d9d6f3fdc66b0dcbe3e5b0c9876 Mon Sep 17 00:00:00 2001
From: Alexandre Flament <alex@al-f.net>
Date: Thu, 13 Jan 2022 21:36:08 +0100
Subject: [enh] simple theme: RTL support

* mirror all inline SVGs so that direction SVGs display correctly on RTL
* set the bold list element in info box to RTL so the colon gets displayed on the right side
* set correct .ltr function for the left border on the search button in #q
* move text to the right in autocomplete
* move search form in lign with result article on RTL
* add the correct padding for img thumbnails in categories like music on RTL
* apply RTL to result table for map results
* align text in tables part of /preferences on RTL
* move burger menu on index page to the left on RTL
* fix positioning of drop down arrow on select boxes on RTL
* align result URL on the right (written LTR)
* align vim hotkeys help on the left since it is not translated
* image detail:
  * labels (author, format, URL, etc...) are written on the right,
    values are on the left.
  * URL are written LTR and overflow on the right
---
 searx/static/themes/simple/src/less/toolkit.less | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'searx/static/themes/simple/src/less/toolkit.less')

diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 76db36853..ed1e1affa 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -125,11 +125,11 @@ div.selectable_url {
   padding: 1rem;
   margin: 0 0 1em 0;
   border: 1px solid var(--color-toolkit-dialog-border);
-  text-align: left;
+  .ltr-text-align-left();
   .rounded-corners;
 
   .close {
-    float: right;
+    .ltr-float-right();
     position: relative;
     top: -3px;
     color: inherit;
@@ -156,6 +156,10 @@ div.selectable_url {
 
   td {
     padding: 0 1em 0 0;
+    padding-top: 0;
+    .ltr-padding-right(1rem);
+    padding-bottom: 0;
+    .ltr-padding-left(0);
   }
 
   h4 {
@@ -301,7 +305,10 @@ html body .tabs > input:checked {
 /* -- select -- */
 select {
   height: 2.4rem;
-  margin: 0 1rem 0 0;
+  margin-top: 0;
+  .ltr-margin-right(1rem);
+  margin-bottom: 0;
+  .ltr-margin-left(0);
   padding: 0.2rem !important;
   color: var(--color-search-font);
   font-size: 0.9rem;
-- 
cgit v1.2.3