Alice Kile 9cd203411d
fix toggle buttle html layout and responsive design css
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2019-12-07 13:08:46 -05:00

46 lines
1.3 KiB
HTML

{% load bootstrap %}
{% load i18n %}
{% load static %}
<header class="app-header {% if not icon_filename %} app-header-single-column {% endif %}">
{% if icon_filename %}
<img src="{% static 'theme/icons/' %}{{ icon_filename }}.svg" alt="{{ name }}"/>
{% endif %}
<section class="app-description" >
<section class='header-bar'>
{% block pagetitle %}
{% if setup %}
<h2>{% trans "Installation" %}: {{ short_description|default:'' }} ({{ name }})</h2>
{% else %}
<h2>{{ name }}</h2>
{% endif %}
{% endblock %}
<div id='app-toggle-container' class="app-toggle-container">
{% if is_enabled %}
<button id="app-toggle-button" value="False" class="btn toggle-button toggle-button--toggled"></button>
{% else %}
<button id="app-toggle-button" value="True" class="btn toggle-button"></button>
{% endif %}
</div>
</section>
{% block description %}
{% for paragraph in description %}
<p>{{ paragraph|safe }}</p>
{% endfor %}
{% endblock %}
{% if manual_page %}
<p class="manual-page">
<a href="{% url 'help:manual-page' lang='-' page=manual_page %}">
{% trans 'Learn more...' %}
</a>
</p>
{% endif %}
</section>
</header>