adebaumann/labhelper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Menu structure cleaned up

Browse Source
This commit is contained in:
Adrian A. Baumann
2026-01-28 13:29:32 +01:00
parent 7bae0d12de
commit ec102dd1cc
2 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
boxes/static/css/base.css
View File

@@ -140,8 +140,11 @@ body {
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
} }
.navbar-nav a:last-child, .navbar-nav > a:last-child {
.navbar-nav form:last-child { border-radius: 0 0 8px 8px;
}
.dropdown-content a:last-child {
border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
} }
@@ -316,6 +319,8 @@ body {
.dropdown-content a:hover { .dropdown-content a:hover {
background: #667eea; background: #667eea;
color: white; color: white;
transform: none;
box-shadow: none;
} }
.dropdown-content a:first-child { .dropdown-content a:first-child {
@@ -326,9 +331,8 @@ body {
border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
} }
.dropdown-content button:hover { #logout-form {
background: #667eea; display: none;
color: white;
} }
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content,
@@ -357,12 +361,18 @@ body {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.dropdown-content { .dropdown {
position: static; display: contents;
box-shadow: none; }
border-radius: 0;
margin-top: 0; .dropdown-btn {
padding: 0; display: none;
}
.dropdown-content,
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content {
display: contents;
} }
.dropdown-content a { .dropdown-content a {
@@ -370,9 +380,4 @@ body {
padding: 12px 16px; padding: 12px 16px;
border-radius: 0; border-radius: 0;
} }
.dropdown-btn {
width: 100%;
justify-content: flex-start;
}
} }

8
labhelper/templates/base.html
View File

@@ -33,12 +33,12 @@
<a href="/resources/"><i class="fas fa-folder-open"></i> Resources</a> <a href="/resources/"><i class="fas fa-folder-open"></i> Resources</a>
<a href="/fixme/"><i class="fas fa-exclamation-triangle"></i> Fixme</a> <a href="/fixme/"><i class="fas fa-exclamation-triangle"></i> Fixme</a>
<a href="/admin/"><i class="fas fa-cog"></i> Admin</a> <a href="/admin/"><i class="fas fa-cog"></i> Admin</a>
<form method="post" action="{% url 'logout' %}" style="padding: 0; margin: 0; background: none; border: none;"> <form method="post" action="{% url 'logout' %}" id="logout-form">
{% csrf_token %} {% csrf_token %}
<button type="submit" style="width: 100%; text-align: left; padding: 12px 20px; background: none; border: none; color: #555; font: inherit; cursor: pointer; display: block; transition: all 0.2s ease;">
<i class="fas fa-sign-out-alt"></i> Logout
</button>
</form> </form>
<a href="#" onclick="document.getElementById('logout-form').submit(); return false;">
<i class="fas fa-sign-out-alt"></i> Logout
</a>
</div> </div>
</div> </div>
{% else %} {% else %}