firstboot: Hide navigation toggler in mobile layouts

Tests:

- Start first boot by removing /var/lib/plinth/plinth.sqlite3 and starting
service. Switch to responsive design mode and select a phone layout. Notice that
an inactive toggler appears during bootup/welcome/account first boot steps.

- With the patch, the toggler button does not appear during those steps. After
the account step, the toggler appears and is functional with help menu.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-10-05 14:22:43 -07:00 committed by Veiko Aasa
parent 17952c9cf3
commit fb2d26a16c
No known key found for this signature in database
GPG Key ID: 478539CAE680674E
2 changed files with 21 additions and 8 deletions

View File

@ -12,6 +12,15 @@ no-brand
{% block mainmenu_left_collapse %}
{% endblock %}
{% block notifications_dropdown %}
{% endblock %}
{% block mainmenu_toggler %}
{% if user.is_authenticated %}
{{ block.super }}
{% endif %}
{% endblock %}
{% block mainmenu_right %}
{% if user.is_authenticated %}
{% include "firstboot_navbar.html" %}

View File

@ -89,15 +89,19 @@
</a>
{% endblock %}
<ul class="navbar-nav">
{% include "notifications-dropdown.html" %}
</ul>
{% block notifications_dropdown %}
<ul class="navbar-nav">
{% include "notifications-dropdown.html" %}
</ul>
{% endblock %}
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbar-collapse" aria-controls="navbar-collapse"
aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
{% block mainmenu_toggler %}
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbar-collapse" aria-controls="navbar-collapse"
aria-expanded="false" aria-label="Toggle navigation">
<span class="fa fa-bars"></span>
</button>
{% endblock %}
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="navbar-nav flex-grow-1">