diff options
| author | Grant Lanham <contact@grantlanham.com> | 2024-07-09 21:09:08 -0400 |
|---|---|---|
| committer | Markus Heiser <markus.heiser@darmarIT.de> | 2024-07-14 16:39:50 +0200 |
| commit | e56f4b315fe90a79607a62247fdfc62cb6249308 (patch) | |
| tree | c4eb32ecedb78a5ba4435213cfb7ec74174c1f72 /searx/templates/simple | |
| parent | 37d0438f25c8a92ac4cea766d47cf7e4dd030dde (diff) | |
| download | searxng-e56f4b315fe90a79607a62247fdfc62cb6249308.tar.gz searxng-e56f4b315fe90a79607a62247fdfc62cb6249308.zip | |
[mod] UX: flush flag icon to right in language select option values
If the flag icon is first, it prevents easily searching the select list on the
keyboard. By moving the icon fully to the right, this will enable a user to
search the select list.
Closes: https://github.com/searxng/searxng/issues/3645
Diffstat (limited to 'searx/templates/simple')
| -rw-r--r-- | searx/templates/simple/filters/languages.html | 27 | ||||
| -rw-r--r-- | searx/templates/simple/preferences/language.html | 4 |
2 files changed, 19 insertions, 12 deletions
diff --git a/searx/templates/simple/filters/languages.html b/searx/templates/simple/filters/languages.html index a42a304a5..c4185b63c 100644 --- a/searx/templates/simple/filters/languages.html +++ b/searx/templates/simple/filters/languages.html @@ -1,12 +1,19 @@ <select class="language" id="language" name="language" aria-label="{{ _('Search language') }}">{{- '' -}} - <option value="all" {% if current_language == 'all' %}selected="selected"{% endif %}>{{ _('Default language') }} [all]</option> - <option value="auto" {% if current_language == 'auto' %}selected="selected"{% endif %}> - {{- _('Auto-detect') -}} - {%- if current_language == 'auto' %} ({{ search_language }}){%- endif -%} - </option> - {%- for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%} - <option value="{{ sxng_tag }}" {% if sxng_tag == current_language %}selected="selected"{% endif %}> - {% if flag %}{{ flag }} {% endif%} {{- lang_name }} {% if country_name %} - {{ country_name }} {% endif %} [{{sxng_tag}}] - </option> - {%- endfor -%} + <option value="all" {% if current_language == 'all' %}selected="selected"{% endif %}>{{ _('Default language') }} [all]</option>{{- '' -}} + <option value="all" + {%- if current_language == 'all' %} selected="selected" {%- endif -%}> + {{- _('Default language') }} [all] {{- '' -}} + </option>{{- '' -}} + <option value="auto" + {%- if current_language == 'auto' %} selected="selected" {%- endif -%}> + {{- _('Auto-detect') }} [auto] {{- '' -}} + </option>{{- '' -}} + {% for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%} + <option value="{{ sxng_tag }}" + {%- if sxng_tag == current_language %} selected="selected" {%- endif -%}> + {{ lang_name }}{%- if country_name -%}-{{ country_name }}{%- endif -%} + {{- ' ' -}}[{{sxng_tag}}]{{- ' ' -}} + {%- if flag -%}{{ flag }}{%- endif -%} + </option> + {%- endfor -%} </select> diff --git a/searx/templates/simple/preferences/language.html b/searx/templates/simple/preferences/language.html index 809c516df..534839d3d 100644 --- a/searx/templates/simple/preferences/language.html +++ b/searx/templates/simple/preferences/language.html @@ -13,9 +13,9 @@ {% for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%} <option value="{{ sxng_tag }}" {%- if sxng_tag == current_language %} selected="selected" {%- endif -%}> - {%- if flag -%}{{ flag }} {% endif -%} {{ lang_name }}{%- if country_name -%}-{{ country_name }}{%- endif -%} - {{- ' ' -}}[{{sxng_tag}}]{{- '' -}} + {{- ' ' -}}[{{sxng_tag}}]{{- ' ' -}} + {%- if flag -%}{{ flag }}{%- endif -%} </option> {%- endfor -%} </select>{{- '' -}} |