angryzero/rust-rcon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: navbar single-line, chart sizing, text visibility

Browse Source 
- Removed hamburger menu — all stats inline on one navbar row
- Disconnect button at top-right (ms-auto)
- Added data-bs-theme=dark for proper BS5 dark mode text inheritance
- Restored explicit width/height on chart SVGs (required by NVD3)
- Changed text-muted → text-white-50 for field labels on dark bg
- Added flex-nowrap to navbar container
- Overrode --bs-body-bg to maintain original dark shade

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
angryzero
2026-06-13 17:56:05 +02:00
co-authored by Copilot
parent 0a178d17b9
commit c5679feb82
3 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+10 -15
View File
@@ -9,23 +9,18 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="rcon.css" rel="stylesheet">
</head>
<body class="bg-dark text-light">
<body data-bs-theme="dark">
<!-- Server info header (hidden until connected) -->
<!-- Server info header: single-line navbar, no hamburger -->
<nav class="navbar navbar-dark bg-primary" id="server-header" style="display:none">
<div class="container">
<a class="navbar-brand" href="#" id="header-hostname"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-header">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-collapse-header">
<span class="navbar-text me-3" title="Uptime" id="header-uptime"></span>
<span class="navbar-text me-3" title="Map Name" id="header-map"></span>
<span class="navbar-text me-3" title="Players" id="header-players"></span>
<span class="navbar-text me-3" title="Framerate" id="header-fps"></span>
<span class="navbar-text me-3" title="Entity Count" id="header-entities"></span>
<button class="btn btn-danger ms-auto" type="button" id="btn-disconnect">Disconnect</button>
</div>
<div class="container flex-nowrap">
<a class="navbar-brand me-3" href="#" id="header-hostname"></a>
<span class="navbar-text me-2 small" title="Uptime" id="header-uptime"></span>
<span class="navbar-text me-2 small" title="Map Name" id="header-map"></span>
<span class="navbar-text me-2 small" title="Players" id="header-players"></span>
<span class="navbar-text me-2 small" title="Framerate" id="header-fps"></span>
<span class="navbar-text me-2 small" title="Entity Count" id="header-entities"></span>
<button class="btn btn-danger btn-sm ms-auto" type="button" id="btn-disconnect">Disconnect</button>
</div>
</nav>