zaclys/searxng
1
0
Fork 1
mirror of https://github.com/searxng/searxng synced 2024-01-01 19:24:07 +01:00
Code Issues Projects Releases Packages Wiki Activity

[enh] simple theme: RTL support

Browse source 
* 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
This commit is contained in:
Alexandre Flament 2022-01-13 21:36:08 +01:00
parent 2084d7b1ed
commit d000288ad0
10 changed files with 311 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

13
searx/static/themes/simple/src/less/toolkit.less
View file

@ -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;