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

@ -9,6 +9,7 @@
<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>
<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,6 +40,7 @@
{% endif %}
{% endfor %}
{% endif %}
{% block content %}
{% endblock content %}
</div>
@ -43,9 +48,12 @@
</div>
</div>
{% endif %}
{% include 'bundles/bootstrap-js.html' %}
{% block extra_javascript %}
{% endblock extra_javascript %}
<script>
{% block extra_script %}
{% endblock extra_script %}