highlight active menu item

This commit is contained in:
Peter Pfeufer 2020-10-02 20:12:21 +02:00
parent d0c68b82f4
commit edda2c248e
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27
2 changed files with 68 additions and 48 deletions

View File

@ -66,6 +66,18 @@ ul.list-group.list-group-horizontal > li.list-group-item {
border-bottom: none;
}
/* highlight active menu items
--------------------------------------------------------------------------------------------------------------------- */
@media all {
.template-light-mode .nav-pills > li > a.active {
background-color: rgb(236, 240, 241);
}
.template-dark-mode .nav-pills > li > a.active {
background-color: rgb(48, 48, 48);
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

View File

@ -3,12 +3,13 @@
{% load navactive %}
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
{% include 'allianceauth/icons.html' %}
<title>{% block title %}{% block page_title %}{% endblock page_title %} - Alliance Auth{% endblock title %}</title>
@ -17,13 +18,16 @@
{% include 'bundles/fontawesome.html' %}
<link href="{% static 'css/auth-base.css' %}" type="text/css" rel="stylesheet">
{% block extra_css %}{% endblock extra_css %}
</head>
<body>
{% if user.is_authenticated %}
</head>
<body class="{% if NIGHT_MODE %}template-dark-mode{% else %}template-light-mode{% endif %}">
{% if user.is_authenticated %}
<div id="wrapper" class="container">
<!-- Navigation -->
{% include 'allianceauth/top-menu.html' %}
<div class="row" id="site-body-wrapper">
{% include 'allianceauth/side-menu.html' %}
<div class="col-sm-10">
@ -36,19 +40,23 @@
{% endif %}
{% endfor %}
{% endif %}
{% block content %}
{% endblock content %}
</div>
<div class="clearfix"></div>
</div>
</div>
{% endif %}
{% include 'bundles/bootstrap-js.html' %}
{% block extra_javascript %}
{% endblock extra_javascript %}
<script>
{% endif %}
{% include 'bundles/bootstrap-js.html' %}
{% block extra_javascript %}
{% endblock extra_javascript %}
<script>
{% block extra_script %}
{% endblock extra_script %}
</script>
</body>
</script>
</body>
</html>