FreedomBox/plinth/templates/help-menu.html
achalaramu 00bc55f762
Migrate bootstrap 4 from bootstrap 3
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>
2020-12-19 11:26:32 +02:00

52 lines
1.6 KiB
HTML

{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load i18n %}
<li id="id_help_menu" class="dropdown nav-item">
<a href="{% url 'help:index' %}" title="{% trans "Help" %}"
class="nav-link dropdown-toggle" data-toggle="dropdown"
role="button" aria-expanded="false" aria-haspopup="true"
id="id_help_menu_link">
<span class="fa fa-question-circle nav-icon"></span>
<span class="nav-text d-md-none">
{% trans "Help" %}
</span>
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="id_help_menu_link">
<li>
<a href="{% url 'help:manual' %}" class="dropdown-item"
title="{% trans "Manual" context "User guide" %}">
{% trans "Manual" context "User guide" %}
</a>
</li>
<li role="separator" class="dropdown-divider d-none d-md-block"></li>
<li>
<a href="{% url 'help:support' %}" class="dropdown-item"
title="{% trans "Get Support" %}">
{% trans "Get Support" %}
</a>
</li>
<li>
<a href="{% url 'help:feedback' %}" class="dropdown-item"
title="{% trans "Submit Feedback" %}">
{% trans "Submit Feedback" %}
</a>
</li>
<li>
<a href="{% url 'help:contribute' %}" class="dropdown-item"
title="{% trans "Contribute" %}">
{% trans "Contribute" %}
</a>
</li>
<li role="separator" class="dropdown-divider d-none d-md-block"></li>
<li>
<a href="{% url 'help:about' %}" class="dropdown-item"
title="{% trans "About" %}">
{% trans "About" %}
</a>
</li>
</ul>
</li>