Dock peers footer to bottom so nav never scrolls with peers
CI / test (push) Successful in 9m53s

Stop whole-sidebar scrolling; only the nav region scrolls. Peers live in a fixed sidebar footer that grows up to four rows then scrolls on its own.
This commit is contained in:
2026-07-10 22:03:19 -04:00
parent 39af74640c
commit 0d477a2e9e
3 changed files with 80 additions and 39 deletions
+12 -10
View File
@@ -173,17 +173,19 @@
</nav>
</div>
<hr class="sidebar-divider">
<div class="connections-panel">
<div class="connections-panel-header">
<div class="sidebar-section-label mb-0">Peers</div>
<button type="button" id="open-add-connection-btn" class="btn btn-sm btn-primary open-add-connection-btn" title="Add peer" aria-label="Add peer">
<i class="fas fa-plus"></i>
<span class="open-add-connection-label">Add</span>
</button>
<!-- Fixed footer: peers stay pinned to bottom; only nav scrolls above -->
<div class="sidebar-footer">
<hr class="sidebar-divider">
<div class="connections-panel">
<div class="connections-panel-header">
<div class="sidebar-section-label mb-0">Peers</div>
<button type="button" id="open-add-connection-btn" class="btn btn-sm btn-primary open-add-connection-btn" title="Add peer" aria-label="Add peer">
<i class="fas fa-plus"></i>
<span class="open-add-connection-label">Add</span>
</button>
</div>
<ul id="connection-list" class="list-group"></ul>
</div>
<ul id="connection-list" class="list-group"></ul>
</div>
</div>
</div>