From 7b95051fe1fd2ee3d7e870ed26cc7201875e6432 Mon Sep 17 00:00:00 2001
From: Peter Pfeufer <info@ppfeufer.de>
Date: Sun, 6 Apr 2025 21:37:10 +0200
Subject: [PATCH 1/2] [ADD] Menu separator

Between `#nav-right` and `#nav-right-character-control`. Only visible when `#nav-right` has menu items.
---
 .../templates/allianceauth/base-bs5.html         | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/allianceauth/templates/allianceauth/base-bs5.html b/allianceauth/templates/allianceauth/base-bs5.html
index 3da6965a..da6c4b16 100644
--- a/allianceauth/templates/allianceauth/base-bs5.html
+++ b/allianceauth/templates/allianceauth/base-bs5.html
@@ -24,7 +24,7 @@
         {% include 'bundles/auth-framework-css.html' %}
 
         <style>
-            .navbar-toggler.collapsed{
+            .navbar-toggler.collapsed {
                 transform: rotate(180deg);
             }
 
@@ -32,6 +32,15 @@
                 margin-top: {% 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>
 
         {% block extra_css %}{% endblock extra_css %}
@@ -63,6 +72,11 @@
                     </ul>
 
                     <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 -->
                             {% include 'allianceauth/top-menu-rh-default.html' %}
                         {% endblock %}

From fb799551aa81b79d202004ed08007baf4c6319f5 Mon Sep 17 00:00:00 2001
From: Peter Pfeufer <info@ppfeufer.de>
Date: Sun, 6 Apr 2025 22:22:54 +0200
Subject: [PATCH 2/2] [CHANGE] Move what ever is possible to our framework CSS

---
 .../framework/css/auth-framework.css          | 18 ++++++++++++++++++
 .../templates/allianceauth/base-bs5.html      | 19 ++++---------------
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
index defc5a09..628c76ec 100644
--- a/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
+++ b/allianceauth/framework/static/allianceauth/framework/css/auth-framework.css
@@ -5,6 +5,24 @@
  * to be used throughout Alliance Auth and its Community Apps
  */
 
+/* General
+------------------------------------------------------------------------------------- */
+@media all {
+    .navbar-toggler.collapsed {
+        transform: rotate(180deg);
+    }
+
+    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;
+    }
+}
+
 /* Bootstrap fixes
 ------------------------------------------------------------------------------------- */
 @media all {
diff --git a/allianceauth/templates/allianceauth/base-bs5.html b/allianceauth/templates/allianceauth/base-bs5.html
index da6c4b16..d0f6178a 100644
--- a/allianceauth/templates/allianceauth/base-bs5.html
+++ b/allianceauth/templates/allianceauth/base-bs5.html
@@ -24,21 +24,10 @@
         {% include 'bundles/auth-framework-css.html' %}
 
         <style>
-            .navbar-toggler.collapsed {
-                transform: rotate(180deg);
-            }
-
-            .nav-padding {
-                margin-top: {% 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;
+            @media all {
+                .nav-padding {
+                    margin-top: {% header_padding_size %} !important;
+                    max-height: calc(100vh - {% header_padding_size %}) !important;
                 }
             }
         </style>