mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-28 08:03:36 +00:00
00bc55f762
Closes: #1818. The new navbar collapse handles items better without a scrollbar. - Switch dependency to newer bootstrap4 library. - Bootstrap 4 has 5 grid levels instead of 4. Adjust all classes accordingly to retain current semantics. - Update for newer markup for dropdowns. - Replace use for labels with badges. Labels have been removed. Use badge-secondary instead of label-default. - Replace use of btn-xs with btn-sm. Size is roughly the same. - Accommodate removal of form-horizontal. - .hidden* and .visible* classes have been removed. Use alternate utilities. - Replace use of table-condensed with table-sm. - Update progress bar background styling. .progress-bar-* have been replaced with bg-*. - Drop support for IE9 and below. Bootstrap 4 does not support those browsers. - Use the new simplified markup for navs, navbar and navbar-toggler. Accommodate removal of .navbar-fixed-top. - Update the JSXC page too. - Update all values that are using rem units. The base font size is now 1rem = 16px instead of 1rem = 10px. This the default for bootstrap 4. - A button inside a dropdown menu is natively supported by bootstrap 4. Remove custom styling done earlier. - Drop use of removed class thumbnail. - Override colors for buttons and warnings to keep the old style. - Use new markup for close buttons inside alerts. - Use .collapse.show instead of .collapse.in as per bootstrap 4 styling. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: Veiko Aasa <veiko17@disroot.org>
47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
{% comment %}
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
{% endcomment %}
|
|
|
|
{% load i18n %}
|
|
|
|
{% block toolbar %}
|
|
|
|
<section class="toolbar">
|
|
<div class="btn-toolbar" role="toolbar">
|
|
|
|
{% include "clients-button.html" with clients=app_info.clients enabled=is_enabled %}
|
|
|
|
{% if app_info.donation_url %}
|
|
<a target="_blank" rel="noopener noreferrer"
|
|
class="btn btn-default button-secondary button-donate" role="button"
|
|
href="{{ app_info.donation_url }}">
|
|
<span class="fa fa-heart"></span>
|
|
{% trans "Donate" %}
|
|
<span class="fa fa-external-link"></span>
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if has_diagnostics %}
|
|
<!-- Single button -->
|
|
<div class="btn-group button-secondary">
|
|
<button type="button" class="btn btn-default dropdown-toggle"
|
|
data-toggle="dropdown" aria-haspopup="true"
|
|
aria-expanded="false" id="id_extra_actions_button">
|
|
<span class="fa fa-cog" aria-hidden="true"></span>
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="id_extra_actions_button">
|
|
{% if has_diagnostics %}
|
|
{% include "diagnostics_button.html" with app_id=app_id enabled=is_enabled %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
</div>
|
|
<div class="toolbar-collapsed-content">
|
|
{% include "clients.html" with clients=app_info.clients enabled=is_enabled %}
|
|
</div>
|
|
</section>
|
|
|
|
{% endblock toolbar %}
|