diff options
author | Alexandre Flament <alex@al-f.net> | 2022-01-13 21:36:08 +0100 |
---|---|---|
committer | Alexandre Flament <alex@al-f.net> | 2022-01-16 18:51:11 +0100 |
commit | d000288ad0c41d9d6f3fdc66b0dcbe3e5b0c9876 (patch) | |
tree | b23be6f84aeece38da7ceabca663d0692f2fa8f6 /searx/static/themes/simple/src/less/toolkit.less | |
parent | 2084d7b1ed9704ca5de5e9491a1e84c11ad5d7ed (diff) | |
download | searxng-d000288ad0c41d9d6f3fdc66b0dcbe3e5b0c9876.tar.gz searxng-d000288ad0c41d9d6f3fdc66b0dcbe3e5b0c9876.zip |
[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
Diffstat (limited to 'searx/static/themes/simple/src/less/toolkit.less')
-rw-r--r-- | searx/static/themes/simple/src/less/toolkit.less | 13 |
1 files changed, 10 insertions, 3 deletions
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; |