Mathis/allianceauth
1
0
Fork 0
mirror of https://gitlab.com/allianceauth/allianceauth.git synced 2026-02-12 10:06:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

[CHANGE] Side menu improvements

Browse Source 
- Increase width to 325px
- Add some CSS tricks to ensure long link names don't break the menu
This commit is contained in:
Peter Pfeufer
2024-01-23 15:23:48 +01:00
parent 2bb518f7e0
commit 7425176b3f
3 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
allianceauth/menu/templates/menu/menu-item-bs5.html
View File

@@ -10,16 +10,16 @@
</a>
{% if item.count >= 1 %}
<span class="badge bg-primary m-2 align-self-center {% if item.items|length == 0 %}me-4{% endif %}">
<span class="badge bg-primary m-2 align-self-center {% if item.items|length == 0 %}me-2{% endif %}">
{{ item.count }}
</span>
{% elif item.url %}
<span class="pill m-2 me-4 align-self-center fas fa-external-link-alt"></span>
<span class="pill m-2 me-2 align-self-center fas fa-external-link-alt" title="{% translate 'External link' %}"></span>
{% endif %}
{% if item.items|length > 0 %}
<span
class="pill m-2 me-4 align-self-center fas fa-solid fa-chevron-down"
class="pill m-2 me-2 align-self-center fas fa-solid fa-chevron-down"
type="button"
data-bs-toggle="collapse"
data-bs-target="#id-{{ item.text|slugify }}"

2
allianceauth/menu/templates/menu/sortable-side-menu.html
View File

@@ -4,7 +4,7 @@
<div class="col-auto px-0">
<div class="collapse collapse-horizontal" tabindex="-1" id="sidebar">
<div style="width: 300px;">
<div>
<div class="nav-padding navbar-dark bg-dark text-light px-0 d-flex flex-column overflow-hidden vh-100 {% if not user.is_authenticated %}position-relative{% endif %}">
{% if user.is_authenticated %}
<ul id="sidebar-menu" class="navbar-nav flex-column mb-auto overflow-auto pt-2">