Refine global topbar integration (#7)

## Summary
- capture the post-review topbar refinements and implementation plan
- simplify the topbar brand to one SHADOWS OVER WESTGATE lockup
- remove the redundant desktop Forums dropdown and its custom panel handling
- give topbar dropdown and drawer surfaces an opaque local panel base

## Tests
- node --test tests/*.test.js

Reviewed-on: #7
Reviewed-by: xtul <mpiasecki720@protonmail.com>
Co-authored-by: vickydotbat <vickydotbat@tutamail.com>
Co-committed-by: vickydotbat <vickydotbat@tutamail.com>
This commit was merged in pull request #7.
This commit is contained in:
2026-06-26 09:43:50 +00:00
committed by archvillainette
parent 2d37f8a1f6
commit 1d1b2eba13
10 changed files with 141 additions and 134 deletions
+1 -18
View File
@@ -2,10 +2,7 @@
<div class="wg-topbar__inner">
<a class="wg-topbar__brand" href="{relative_path}/" aria-label="{config.siteTitle}">
<span class="wg-topbar__brand-mark" aria-hidden="true">W</span>
<span class="wg-topbar__brand-text">
<span class="wg-topbar__brand-name">{config.siteTitle}</span>
<span class="wg-topbar__brand-subtitle">Shadows Over Westgate</span>
</span>
<span class="wg-topbar__brand-name">{config.siteTitle}</span>
</a>
<nav class="wg-topbar__nav" aria-label="[[global:navigation]]">
@@ -31,20 +28,6 @@
</ul>
</nav>
<div class="wg-topbar__forums dropdown">
<button class="wg-topbar__nav-link wg-topbar__forums-toggle" type="button" data-wg-menu="forums" aria-expanded="false" aria-haspopup="true">
<span>Forums</span>
<i class="fa fa-fw fa-chevron-down" aria-hidden="true"></i>
</button>
<div class="wg-topbar__panel wg-topbar__panel--forums" data-wg-panel="forums" role="menu">
<a href="{relative_path}/categories" role="menuitem">[[pages:categories]]</a>
<a href="{relative_path}/recent" role="menuitem">[[recent:title]]</a>
<a href="{relative_path}/unread" role="menuitem">[[unread:title]]</a>
<a href="{relative_path}/popular" role="menuitem">[[pages:popular]]</a>
<a href="{relative_path}/tags" role="menuitem">[[tags:tags]]</a>
</div>
</div>
<div class="wg-topbar__utilities">
{{{ if config.loggedIn }}}
<ul id="wg-topbar-logged-in-menu" class="wg-topbar__utility-list list-unstyled d-flex align-items-center mb-0">