[ADD] Menu separator

Between `#nav-right` and `#nav-right-character-control`. Only visible when `#nav-right` has menu items.
This commit is contained in:
Peter Pfeufer 2025-04-06 21:37:10 +02:00
parent 9dad53f763
commit 7b95051fe1
No known key found for this signature in database

View File

@ -24,7 +24,7 @@
{% include 'bundles/auth-framework-css.html' %} {% include 'bundles/auth-framework-css.html' %}
<style> <style>
.navbar-toggler.collapsed{ .navbar-toggler.collapsed {
transform: rotate(180deg); transform: rotate(180deg);
} }
@ -32,6 +32,15 @@
margin-top: {% header_padding_size %} !important; margin-top: {% header_padding_size %} !important;
max-height: calc(100vh - {% header_padding_size %}) !important; max-height: calc(100vh - {% header_padding_size %}) !important;
} }
ul#nav-right:has(li) + ul#nav-right-character-control > li:first-child {
display: list-item !important;
}
@media all and (max-width: 991px) {
ul#nav-left:has(li) + ul#nav-right + ul#nav-right-character-control > li:first-child {
display: list-item !important;
}
}
</style> </style>
{% block extra_css %}{% endblock extra_css %} {% block extra_css %}{% endblock extra_css %}
@ -63,6 +72,11 @@
</ul> </ul>
<ul id="nav-right-character-control" class="nav navbar-nav"> <ul id="nav-right-character-control" class="nav navbar-nav">
<li class="nav-item ms-lg-2 py-2 py-lg-1 col-12 col-lg-auto d-none">
<div class="vr d-none d-lg-flex h-100 mx-2 text-white-50"></div>
<hr class="d-lg-none my-2 text-body text-white-50">
</li>
{% block header_nav_user_character_control %} <!-- Default to add char and swap main --> {% block header_nav_user_character_control %} <!-- Default to add char and swap main -->
{% include 'allianceauth/top-menu-rh-default.html' %} {% include 'allianceauth/top-menu-rh-default.html' %}
{% endblock %} {% endblock %}