Skip to content
This repository was archived by the owner on Oct 29, 2026. It is now read-only.

Battery screen graphic and display fixes - #42

Merged
kukirin-ui merged 3 commits into
mainfrom
feat/battery-graphic
Oct 18, 2026
Merged

kukirin-ui merged 3 commits into
mainfrom
feat/battery-graphic

Conversation

@kukirin-ui

Copy link
Copy Markdown
Owner

Summary

Battery screen graphic, plus display fixes from a full pass over every screen and button at 360 px and 412 px wide.

Battery screen

  • Live battery icon drawn as transparent PNG layers (ring, body, bolt) from SVG sources in tools/battery-icon/. Five bars follow the real charge, the ring turns while charging, amber below 20% and red below 10%.
  • Removes the old battery orb with the striped bar and the >_ mark in the Battery title bar.

Display fixes

  • Console: the Open Termux button under a "Termux was asleep" error did nothing, because it shared its id with the toolbar button. It now opens Termux.
  • Dashboard: Test network speed and Device care no longer run off the window in German, Spanish, and French.
  • Bottom nav: tabs grow to fit long labels (API Platforms, Plateformes API, API-Plattformen).
  • Mesh: model checkboxes sit inline with their labels.
  • Files: tiles line up with the section labels, long names wrap to two lines with an ellipsis, wide screens get three columns.
  • Doctor, Tweaks, Commands, Setup tiles wrap labels to two lines instead of truncating them.
  • API Platforms tiles show a key icon instead of the blank fallback glyph.
  • Desk title bar, toolbar, and footer use the same 16 px inset as the rest of the window.

Testing

  • Headless Chromium with a mocked bridge: 806 states, 1208 button presses, no page or console errors, no dead buttons.
  • Console error states (lock, interrupted dpkg, mirror, missing command, Termux asleep, Vulkan link error) each show the right fix button, and pressing it starts the right job.
  • Battery at 45% charging, 15% and 6% discharging, and 100% full.
  • Landscape 915 x 412 with the side nav.

Replace the >_ mark in the Battery window title bar with a battery
window on the right of the readings. Five bars follow the real charge
level, the dashed ring turns while charging, and the colours move to
amber below 20% and red below 10%. Reduced motion keeps the ring still.
Draw the Battery screen icon as transparent PNG layers (ring, body,
bolt) rendered from original SVG artwork by tools/battery-icon/render.py
at 512 px and 2x. The five bars stay live in CSS on top, the ring turns
while charging, and the amber and red layers swap in below 20% and 10%.
The icon no longer sits on a navy panel.

Remove the green lightning orb with the striped bar (crystalBat) and
its styles. The readings rows now follow the icon directly.
- Console: the Open Termux button under a "Termux was asleep" error
  shared its id with the toolbar button and had no handler. It now
  opens Termux.
- Dashboard: the speed test and Device care row wraps instead of
  running off the window in German, Spanish, and French.
- Bottom nav: tabs grow to fit long labels such as API Platforms.
- Mesh: model checkboxes sit inline with their labels instead of on a
  full-width line above them.
- Files: tiles get the same inset as the section labels, long names
  wrap to two lines with an ellipsis, and wide screens get the
  three-column layout that a later rule was overriding.
- Tool tiles wrap their labels to two lines instead of cutting them.
- API Platforms tiles use the key icon instead of the blank fallback.
- Desk title bar, toolbar, and footer use the 16 px window inset.
@kukirin-ui
kukirin-ui merged commit de31d89 into main Oct 18, 2026
1 check passed
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant