Mathis/allianceauth
1
0
Fork 0
mirror of https://gitlab.com/allianceauth/allianceauth.git synced 2025-07-13 22:40:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

highlight active menu item

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
allianceauth/static/css/auth-base.css
View File

@ -53,22 +53,34 @@ ul.list-group.list-group-horizontal > li.list-group-item {
.table-aa > thead > tr > th{ .table-aa > thead > tr > th{
border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
} }
.table-aa > thead > tr > th{ .table-aa > thead > tr > th{
vertical-align: middle; vertical-align: middle;
} }
.table-aa > tbody > tr > td{ .table-aa > tbody > tr > td{
border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
} }
.table-aa > tbody > tr > td { .table-aa > tbody > tr > td {
vertical-align: middle; vertical-align: middle;
} }
.table-aa > tbody > tr:last-child { .table-aa > tbody > tr:last-child {
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) {
/* class for vertically aligning columns in a bootstrap row */ /* class for vertically aligning columns in a bootstrap row */
.row.vertical-flexbox-row2 { .row.vertical-flexbox-row2 {
display: -webkit-box; display: -webkit-box;
@ -77,7 +89,7 @@ ul.list-group.list-group-horizontal > li.list-group-item {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.row.vertical-flexbox-row2 > [class*='col-'] { .row.vertical-flexbox-row2 > [class*='col-'] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -89,4 +101,4 @@ ul.list-group.list-group-horizontal > li.list-group-item {
.button-wrapper .btn { .button-wrapper .btn {
margin-bottom:5px; margin-bottom:5px;
} }
} }

92
allianceauth/templates/allianceauth/base.html
View File

@ -3,52 +3,60 @@
{% load navactive %} {% load navactive %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<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' %}
<title>{% block title %}{% block page_title %}{% endblock page_title %} - Alliance Auth{% endblock title %}</title> {% include 'allianceauth/icons.html' %}
{% include 'bundles/bootstrap-css.html' %} <title>{% block title %}{% block page_title %}{% endblock page_title %} - Alliance Auth{% endblock title %}</title>
{% include 'bundles/fontawesome.html' %}
<link href="{% static 'css/auth-base.css' %}" type="text/css" rel="stylesheet"> {% include 'bundles/bootstrap-css.html' %}
{% block extra_css %}{% endblock extra_css %} {% include 'bundles/fontawesome.html' %}
</head>
<body> <link href="{% static 'css/auth-base.css' %}" type="text/css" rel="stylesheet">
{% if user.is_authenticated %}
<div id="wrapper" class="container"> {% block extra_css %}{% endblock extra_css %}
<!-- Navigation --> </head>
{% include 'allianceauth/top-menu.html' %}
<div class="row" id="site-body-wrapper"> <body class="{% if NIGHT_MODE %}template-dark-mode{% else %}template-light-mode{% endif %}">
{% include 'allianceauth/side-menu.html' %} {% if user.is_authenticated %}
<div class="col-sm-10"> <div id="wrapper" class="container">
{% if messages %} <!-- Navigation -->
<br> {% include 'allianceauth/top-menu.html' %}
{% for message in messages %}
<div class="alert alert-{{ message.level_tag }}">{{ message }}</div> <div class="row" id="site-body-wrapper">
{% if not forloop.last %} {% include 'allianceauth/side-menu.html' %}
<div class="col-sm-10">
{% if messages %}
<br> <br>
{% for message in messages %}
<div class="alert alert-{{ message.level_tag }}">{{ message }}</div>
{% if not forloop.last %}
<br>
{% endif %}
{% endfor %}
{% endif %} {% endif %}
{% endfor %}
{% endif %} {% block content %}
{% block content %} {% endblock content %}
{% endblock content %} </div>
<div class="clearfix"></div>
</div>
</div> </div>
<div class="clearfix"></div> {% endif %}
</div>
</div> {% include 'bundles/bootstrap-js.html' %}
{% endif %}
{% 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 %}
</script> </script>
</body> </body>
</html> </html>