move help to menu on small screen

This commit is contained in:
Son 2022-04-26 15:47:25 +02:00
parent e01eff8755
commit d1447e293d
2 changed files with 29 additions and 0 deletions

4
static/style.css vendored
View File

@ -182,4 +182,8 @@ textarea.parsley-error {
#help-btn {
display: flex;
}
#help-menu-item {
display: none;
}
}

View File

@ -93,5 +93,30 @@
</li>
{% endif %}
{% if ZENDESK_ENABLED %}
<li class="nav-item">
<div id="help-menu-item" class="dropdown nav-item align-items-center mb-3">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
<div class="dropdown-menu dropdown-menu-left dropdown-menu-arrow">
<div class="dropdown-item">
<a href="https://simplelogin.io/docs/" target="_blank">
Docs
<i class="fa fa-external-link" aria-hidden="true"></i>
</a>
</div>
<div class="dropdown-item">
<a href="https://github.com/simple-login/app/discussions" target="_blank">
Forum
<i class="fa fa-external-link" aria-hidden="true"></i>
</a>
</div>
<div class="dropdown-item">
<a href="/dashboard/support">Support</a>
</div>
</div>
</div>
</li>
{% endif %}
</ul>