asc/benchcoach-django
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

navbar fixes

Browse Source 
removed collapse button
added login/logout button to dropdown
This commit is contained in:
Anthony Correa
2021-12-23 11:52:27 -06:00
parent 778d963a5f
commit 4848d65ee3
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
templates/navbar.html
View File

@@ -1,10 +1,10 @@
{% load static %} {% load static %}
<nav class="navbar navbar-dark navbar-expand-md py-0" style="background: #323669;"> <nav class="navbar navbar-dark navbar-expand-md py-0" style="background: #323669;">
<a class="navbar-brand d-flex text-uppercase fw-bold m-2 mx-4 text-dark" href="{% url 'home' %}"> <a class="navbar-brand d-flex text-uppercase fw-bold m-1 mx-2 text-dark" href="{% url 'home' %}">
<img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" /> <img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
<span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span> <span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
</a> </a>
<button class="navbar-toggler m-2 mx-4 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2"> <button class="navbar-toggler m-2 mx-4 p-0 d-none" data-bs-toggle="collapse" data-bs-target="#navcol-2">
<span class="visually-hidden">Toggle navigation</span> <span class="visually-hidden">Toggle navigation</span>
<span class="navbar-toggler-icon m-1"></span></button> <span class="navbar-toggler-icon m-1"></span></button>
<div id="navcol-2" class="collapse navbar-collapse"> <div id="navcol-2" class="collapse navbar-collapse">
@@ -20,7 +20,16 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">{{ request.user }} <img class="rounded-circle" height="24" src="{{ request.user.profile.avatar.url }}" width="24" /></a> <a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">{{ request.user }} <img class="rounded-circle" height="24" src="{{ request.user.profile.avatar.url }}" width="24" /></a>
<div class="dropdown-menu"> <div class="dropdown-menu">
<a class="dropdown-item" href="#">Menu Item</a> {% if user.is_authenticated %}
<a href="#" onClick="document.getElementById('logoutform').submit()">
<button class="btn" type="button">Logout</button></a>
<form id="logoutform" method="POST" action="{% url 'logout_benchcoachproject' %}">
{% csrf_token %}
<input type="hidden">
</form>
{% else %}
<a href="{% url 'login_view' %}">login</a>
{% endif %}
</div> </div>
</li> </li>
<li class="nav-item"></li> <li class="nav-item"></li>