jandieman
/
searxng
mirror of https://github.com/searxng/searxng.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

[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
This commit is contained in:
Grant Lanham 2024-07-09 21:09:08 -04:00 committed by Markus Heiser
parent 37d0438f25
commit e56f4b315f
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
searx/templates/simple/filters/languages.html
View File

@ -1,12 +1,19 @@
<select class="language" id="language" name="language" aria-label="{{ _('Search language') }}">{{- '' -}} <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="all" {% if current_language == 'all' %}selected="selected"{% endif %}>{{ _('Default language') }} [all]</option>{{- '' -}}
<option value="auto" {% if current_language == 'auto' %}selected="selected"{% endif %}> <option value="all"
{{- _('Auto-detect') -}} {%- if current_language == 'all' %} selected="selected" {%- endif -%}>
{%- if current_language == 'auto' %} ({{ search_language }}){%- endif -%} {{- _('Default language') }} [all] {{- '' -}}
</option> </option>{{- '' -}}
{%- for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%} <option value="auto"
<option value="{{ sxng_tag }}" {% if sxng_tag == current_language %}selected="selected"{% endif %}> {%- if current_language == 'auto' %} selected="selected" {%- endif -%}>
{% if flag %}{{ flag }} {% endif%} {{- lang_name }} {% if country_name %} - {{ country_name }} {% endif %} [{{sxng_tag}}] {{- _('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> </option>
{%- endfor -%} {%- endfor -%}
</select> </select>

4
searx/templates/simple/preferences/language.html
View File

@ -13,9 +13,9 @@
{% for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%} {% for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%}
<option value="{{ sxng_tag }}" <option value="{{ sxng_tag }}"
{%- if sxng_tag == current_language %} selected="selected" {%- endif -%}> {%- if sxng_tag == current_language %} selected="selected" {%- endif -%}>
{%- if flag -%}{{ flag }} {% endif -%}
{{ lang_name }}{%- if country_name -%}-{{ country_name }}{%- endif -%} {{ lang_name }}{%- if country_name -%}-{{ country_name }}{%- endif -%}
{{- ' ' -}}[{{sxng_tag}}]{{- '' -}} {{- ' ' -}}[{{sxng_tag}}]{{- ' ' -}}
{%- if flag -%}{{ flag }}{%- endif -%}
</option> </option>
{%- endfor -%} {%- endfor -%}
</select>{{- '' -}} </select>{{- '' -}}