Revamp CommonwealthOnline browser UI and styles

Browse Source

Rework the CommonwealthOnline browser UI: restructure HTML into a nav + subpanel layout, add SVG/PNG/font assets and new sprites, and overhaul styles with a new font-face and refreshed color/spacing variables. Refactor components: tabs use a left nav list; filters extraction (renderRow) and reset focus handling; direct-connect renders into a dedicated container; server-list switched to compact row layout and adds a scroll indicator; server-details now uses a preview area and simplified preview/stats rendering. Update app logic: adjust focus zone handling (nextFocusZone), limit zones per tab, update connection status/count display, and avoid rendering details for direct-connect. Overall changes improve responsiveness, visual hierarchy, and focus/navigation behavior.

...

This commit is contained in:

andrew

2026-06-08 14:40:00 +12:00

parent fe620020be

commit cfd1fab6b2

13 changed files with 555 additions and 506 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

Interface/exported/sprites/DefineSprite_43/1.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 147 B