mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-05-13 10:30:16 +00:00
a4017b2bf2
- Tags have important text that is too small and could cause problems with users with limited vision. Make them regular buttons. Make the buttons shorter and rounder to resemble previous styling. - Drop underlining of text in the process. - In code, don't call them 'badges' anymore. Tests: - Run functional tests for tags. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Veiko Aasa <veiko17@disroot.org>
51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
{% extends 'cards.html' %}
|
|
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load static %}
|
|
{% load i18n %}
|
|
|
|
{% block body_class %}apps-page{% endblock %}
|
|
|
|
{% block tags %}
|
|
{% if tags %}
|
|
<div class="container">
|
|
<div class="dropdown searchable-dropdown">
|
|
<div class="tag-input">
|
|
<div id="selected-tags">
|
|
{% for tag in tags %}
|
|
<span class="btn btn-light rounded-pill tag"
|
|
data-tag="{{ tag }}">
|
|
{% trans tag %}
|
|
<button class="btn btn-sm btn-light remove-tag">
|
|
<i class="fa fa-times"></i>
|
|
</button>
|
|
</span>
|
|
{% endfor %}
|
|
</div>
|
|
<input id="add-tag-input" type="search" class="form-control dropdown-toggle"
|
|
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
|
|
autocomplete="off" placeholder="{% trans "Search with tags" %}">
|
|
<div class="dropdown-menu" aria-labelledby="add-tag-input">
|
|
<ul class="dropdown-items list-unstyled">
|
|
{% for tag in all_tags %}
|
|
{% if tag not in tags %}
|
|
<li class="dropdown-item" data-tag="{{ tag }}"
|
|
data-tag_l10n="{% trans tag %}">
|
|
{% trans tag %}
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block page_js %}
|
|
<script type="text/javascript" src="{% static 'tags.js' %}"></script>
|
|
{% endblock %}
|