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; 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) */ /* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { @media (min-width: 768px) {

View File

@ -9,6 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
{% include 'allianceauth/icons.html' %} {% include 'allianceauth/icons.html' %}
<title>{% block title %}{% block page_title %}{% endblock page_title %} - Alliance Auth{% endblock title %}</title> <title>{% block title %}{% block page_title %}{% endblock page_title %} - Alliance Auth{% endblock title %}</title>
@ -17,13 +18,16 @@
{% include 'bundles/fontawesome.html' %} {% include 'bundles/fontawesome.html' %}
<link href="{% static 'css/auth-base.css' %}" type="text/css" rel="stylesheet"> <link href="{% static 'css/auth-base.css' %}" type="text/css" rel="stylesheet">
{% block extra_css %}{% endblock extra_css %} {% block extra_css %}{% endblock extra_css %}
</head> </head>
<body>
<body class="{% if NIGHT_MODE %}template-dark-mode{% else %}template-light-mode{% endif %}">
{% if user.is_authenticated %} {% if user.is_authenticated %}
<div id="wrapper" class="container"> <div id="wrapper" class="container">
<!-- Navigation --> <!-- Navigation -->
{% include 'allianceauth/top-menu.html' %} {% include 'allianceauth/top-menu.html' %}
<div class="row" id="site-body-wrapper"> <div class="row" id="site-body-wrapper">
{% include 'allianceauth/side-menu.html' %} {% include 'allianceauth/side-menu.html' %}
<div class="col-sm-10"> <div class="col-sm-10">
@ -36,6 +40,7 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% block content %} {% block content %}
{% endblock content %} {% endblock content %}
</div> </div>
@ -43,9 +48,12 @@
</div> </div>
</div> </div>
{% endif %} {% endif %}
{% include 'bundles/bootstrap-js.html' %} {% include 'bundles/bootstrap-js.html' %}
{% block extra_javascript %} {% block extra_javascript %}
{% endblock extra_javascript %} {% endblock extra_javascript %}
<script> <script>
{% block extra_script %} {% block extra_script %}
{% endblock extra_script %} {% endblock extra_script %}