Skip to content
Snippets Groups Projects
Commit 0db1607f authored by unknown's avatar unknown
Browse files

separate navbar

parent 9f393b84
Branches
No related merge requests found
.navbar {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1071;
}
.nav .nav-item .nav-link {
color: rgba(0, 0, 0, 0.65);
font-weight: 400;
}
.navbar-dark .navbar-nav .nav-link {
color: #fefefe;
}
.navbar .active {
background-color: #343a40;
}
.dropdown-menu {
padding-top: 0;
padding-bottom: 0;
margin: 1px 0.125rem 0 0;
}
.dropdown-item:hover {
background-color: #3e454c;
color: #ffffff;
}
...@@ -35,63 +35,7 @@ ...@@ -35,63 +35,7 @@
<body {% block bodyattrs %}{% endblock %}> <body {% block bodyattrs %}{% endblock %}>
<!-- Container --> <!-- Container -->
{% block navbar %} {% block navbar %}
<nav class="navbar navbar-expand-lg grey-900 navbar-dark fixed-top flex-md-nowrap p-0 shadow"> {%include 'base_navbar.html' %}
<a class="navbar-brand col-sm-3 col-md-1 mr-0" title="UCCPortal homepage">
<div class="font-weight-bold text-light float-left font-italic" text-light>UCCPORTAL</div>
<span class="nav-item float-left logo"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
{% with url_name=request.resolver_match.url_name %}
<div class="navbar-nav mr-auto">
{% if not request.user.is_authenticated or request.user.is_staff %}
{% endif %}
{% if request.member %}
<a class="nav-item nav-link {{membership}}" href="{% url "memberdb:home" %}">Membership </a>
<a class="nav-item nav-link disabled" >Account</a>
{% endif %}
{% if request.user.is_staff %}
<a class="nav-item nav-link {% block adminactive %}{% endblock %}" href="{% url "admin:index" %}">
Admin
</a>
<a class="nav-item nav-link {% if url_name == 'register' %}active{% endif %}" href="{% url "memberdb:register" %}">Add Member</a>
{% endif %}
</div>
<div class="navbar-nav">
{% if request.user.is_authenticated and request.member %}
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="icon md-18 md-light" data-feather="user"></i>
Welcome, {{ request.user.username }}
<!--<div class="navbar-nav userinfo{ if request.user.is_authenticated %}{ if request.member %} groups{ endif %}">
{ if request.member %}
{ for g in request.member.groups %}<span class="group { g }}">{ g }}</span>{ endfor %}
{ endif %}
</div>-->
</a>
<div class="dropdown-menu dropdown-menu-right text-dark" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item disabled" > Dark theme: off</a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item" href="{% url "memberdb:logout" %}">Logout</a>
</div>
</div>
{%else%}
<a class="btn btn-dark btn-sm my-1 border-light" href='{% url "memberdb:register" %}'>Signup</a>
<a class="nav-item nav-link" href="{% url "memberdb:login" %}">Login</a>
{%endif%}
</div>
{% endwith %}
</div>
</nav>
{% endblock %} {% endblock %}
<!-- Alerts --> <!-- Alerts -->
...@@ -137,7 +81,27 @@ ...@@ -137,7 +81,27 @@
{% if DEPLOYMENT_ENV != "PROD" and DEPLOYMENT_ENV != "MOCK" %} {% if DEPLOYMENT_ENV != "PROD" and DEPLOYMENT_ENV != "MOCK" %}
<div class="watermark">{{DEPLOYMENT_ENV}}</div>
<!-- must be inline as it uses django template tags --> <!-- must be inline as it uses django template tags -->
<style>
.watermark {
position: fixed;
transform: translate(-50%, -50%);
opacity: 0.3;
{% if DEPLOYMENT_ENV == "STAGE" %}
color: RED;
{% else %}
color: GREEN;
{% endif %}
font-size: 15em;
top: 50%;
left: 50%;
pointer-events: none;
box-sizing: unset;
}
</style>
{%endif %}
</div> </div>
<!-- END Container --> <!-- END Container -->
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment