Northeastern-Electric-Racing / Northeastern-Electric-Racing/Argos

Fix BMS At A Glance stat overlap and clipping at narrow widths

Open
#714 0 comments 0 reactions 1 assignee View on GitHub

@bracyw is already working on this.

Since Jul 15, 2026.

angular-client bug medium needs-triage
Dominant language
TypeScript
Stars
5
Forks
1
Avg merge
4d 22h
Merged PRs (30d)
26

Description

Bug

The At A Glance strip on the BMS debug page does not degrade gracefully as the window narrows. Between roughly 768px and ~1200px the stat tiles collide instead of wrapping or shrinking:

  • Adjacent values run together into one unreadable string (e.g. Pack Voltage and Average Temp render as "312.846.0" with the degree sign floating in the middle; CCL/DCL/High Voltage mash into "-126.0225.03.459").
  • The Cell/Chip caption labels on High Voltage / Low Voltage / High Temp are clipped mid-word by the neighboring tile's battery icon ("Cell: 76 | Ch...").
  • Below 768px the whole page is blank — tracked separately in #713.

Steps to reproduce

  1. Open /bms with live data.
  2. Narrow the window to ~800px.
  3. Observe the At A Glance row.

Expected

Stats wrap to a second row, shrink, or truncate with ellipsis — never overlap.

Notes

Observed 2026-07-15 while screenshotting #712 (see that PR's earlier revision for an 800px capture); pre-existing on develop, unrelated to the Open Wire change.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.