mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-21 07:55:00 +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>
74 lines
2.1 KiB
HTML
74 lines
2.1 KiB
HTML
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load bootstrap %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
|
|
<header class="app-header {% if not app_info.icon_filename %} app-header-single-column {% endif %}">
|
|
|
|
{% if app_info.icon_filename %}
|
|
|
|
{% if app_info.app_id %}
|
|
<img src="{% static app_info.app_id %}/icons/{{ app_info.icon_filename }}.svg" alt="{{ app_info.name }}"/>
|
|
{% else %}
|
|
<img src="{% static 'theme/icons/' %}{{ app_info.icon_filename }}.svg" alt="{{ app_info.name }}"/>
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
<section class="app-description" >
|
|
<section class='app-titles'>
|
|
{% block pagetitle %}
|
|
<div>
|
|
{% if setup %}
|
|
<h2>{% trans "Installation" %}: {{ app_info.name }}</h2>
|
|
{% else %}
|
|
<h2>{{ app_info.name }}</h2>
|
|
{% endif %}
|
|
{% if app_info.short_description %}
|
|
<h3>{{ app_info.short_description }}</h3>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
{% if app_enable_disable_form %}
|
|
<form class="form form-app-enable-disable" method="post">
|
|
{% csrf_token %}
|
|
|
|
{{ app_enable_disable_form|bootstrap }}
|
|
|
|
<button name="app_enable_disable_button" type="submit"
|
|
class="btn toggle-button {{ is_enabled|yesno:'toggle-button--toggled,' }}">
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
</section>
|
|
|
|
{% block description %}
|
|
{% for paragraph in app_info.description %}
|
|
<p>{{ paragraph|safe }}</p>
|
|
{% endfor %}
|
|
{% endblock %}
|
|
|
|
{% if app_info.tags %}
|
|
<div>
|
|
{% for tag in app_info.tags %}
|
|
<a href="{% url 'apps' %}?tag={{ tag|urlencode }}"
|
|
class="btn btn-light rounded-pill tag">
|
|
{% trans tag %}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if app_info.manual_page %}
|
|
<p class="manual-page">
|
|
<a href="{% url 'help:manual-page' lang='-' page=app_info.manual_page %}">
|
|
{% trans 'Learn more...' %}
|
|
</a>
|
|
</p>
|
|
{% endif %}
|
|
</section>
|
|
</header>
|