4aiman/baldav
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Record screen: regroup stats (top strip time/temp/clock, bottom HR/dist/speed/alt), equal-width buttons; reset stale HR per session

Browse source 
1) Layout: a top strip shows training time | temperature | clock ('external'
   things); the bottom panel row is now HR, distance, speed, altitude (bigger);
   the separate HR bar is gone; the three controls (HR toggle, pause, stop)
   share the width equally instead of clustering right.
2) Clear currentHr/currentBleData at recording start (+ ble_clear_hr) so a
   stale bpm from the previous session no longer hangs on the display or gets
   written onto this session's points; show -- until a fresh reading.
This commit is contained in:
4aiman 2026-10-17 12:29:14 +03:00
commit dffadf3cd8
3 changed files with 33 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/css/styles.css
View file

@ -1406,11 +1406,22 @@ body.dark-map .poi-badge { background: #111; border-color: #eee; }
}
.rec-val {
font-size: 22px;
font-size: 27px;
font-weight: 700;
color: var(--on-surface);
}
/* Top strip (external info): training time (left), temperature (centre), clock (right). */
.rec-topbar {
display: flex; justify-content: space-between; align-items: center;
padding: 6px 16px; padding-top: calc(6px + var(--safe-area-top));
background: var(--surface); border-bottom: 1px solid var(--border);
font-size: 15px; font-weight: 600; color: var(--on-surface);
}
.rec-topbar .rec-top-mid { color: var(--muted); font-weight: 500; }
/* Status line now stands alone under the stats (no longer stealing the buttons' width). */
.rec-panel > .rec-status { font-size: 12px; color: var(--muted); text-align: center; padding: 0 12px 4px; min-height: 14px; }
.rec-lbl {
font-size: 10px;
color: var(--muted);
@ -1428,23 +1439,19 @@ body.dark-map .poi-badge { background: #111; border-color: #eee; }
.rec-bottom {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
align-items: stretch;
gap: 10px;
padding: 8px 12px;
padding-bottom: calc(8px + var(--safe-area-bottom));
background: var(--surface);
}
.rec-bottom .rec-status {
font-size: 12px;
color: var(--muted);
flex: 1;
}
/* All three controls (HR toggle, pause, stop) share the width equally — no clustering right. */
.rec-bottom > button { flex: 1 1 0; }
.rec-bottom .gps-rec {
padding: 12px 32px;
flex-shrink: 0;
padding: 12px 0;
flex-shrink: 1;
}
.gps-header {