feat(dashboard): the top bar shows the server name while the menu is hidden

With the menu hidden on a wide screen the page had no name or link
home left; the top bar now shows "DarkflameServer" (linking home) then,
as it already does on narrow screens.

Check: hide the menu with the top bar's menu button on a wide window:
"DarkflameServer" appears beside it and opens Home; showing the menu
again hides it.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Aaron Kimbrell
2026-09-29 02:04:29 -05:00
parent 1c1bf38431
commit 2629b41e6c
2 changed files with 2 additions and 1 deletions

View File

@@ -237,6 +237,7 @@ details.about-text > :not(summary) { color: var(--bs-secondary-color); font-size
/* Wide screens: the menu can be hidden (the top bar's menu button; header.jinja2 keeps the choice) */
@media (min-width: 992px) {
html.sidebar-hidden nav.sidebar { display: none !important; }
html.sidebar-hidden .topbar-brand { display: inline !important; }
}
/* Changing pages without a reload (nav.js): a thin bar at the top while the next page loads */

View File

@@ -23,7 +23,7 @@
<header class="topbar d-flex align-items-center gap-2 border-bottom px-3 py-2 sticky-top bg-body-tertiary">
<button class="btn btn-sm btn-outline-secondary d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebar" aria-controls="sidebar">&#9776; Menu</button>
<button class="btn btn-sm btn-outline-secondary d-none d-lg-inline-block sidebar-toggle" type="button" data-sidebar-toggle aria-controls="sidebar" title="Show or hide the menu"><span aria-hidden="true">&#9776;</span><span class="visually-hidden">Show or hide the menu</span></button>
<a href="/" class="fw-semibold text-body text-decoration-none d-lg-none">DarkflameServer</a>
<a href="/" class="fw-semibold text-body text-decoration-none d-lg-none topbar-brand">DarkflameServer</a>
<div class="dropdown ms-auto">
<button class="btn btn-sm btn-link text-body text-decoration-none dropdown-toggle d-flex align-items-center gap-2" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<span class="user-avatar" aria-hidden="true" data-initial></span>