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

Record screen: show the live HR number on the HR toggle button

Browse source 
The HR toggle (ex-wind button) showed only the heart+pulse icon. Now the
current bpm renders on it (onHrUpdate writes #rec-hr-num); it clears when HR
is toggled off, leaving just the grey icon.
This commit is contained in:
4aiman 2026-10-17 10:57:08 +03:00
commit 553a4fcf80
2 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/css/styles.css
View file

@ -726,9 +726,11 @@ select {
.workout-screen .btn-primary, .workout-screen .btn-secondary { margin-top: 8px; width: 100%; }
/* HR on/off toggle on the record screen (replaces the wind button): grey = off, coloured = on. */
.rec-hr-toggle { color: #888; display: inline-flex; align-items: center; justify-content: center; min-width: 46px; padding: 6px 10px; }
.rec-hr-toggle { color: #888; display: inline-flex; align-items: center; justify-content: center; gap: 3px; padding: 6px 10px; }
.rec-hr-toggle svg { display: block; }
.rec-hr-toggle.active { color: #ef5350; background: rgba(239, 83, 80, 0.18); }
.rec-hr-num { font-size: 14px; font-weight: 700; min-width: 0; }
.rec-hr-num:empty { display: none; }
/* Progress fill for long-running action buttons: the background fills left-to-right by
--pct (0-100%, set from JS). The label stays on top and readable; the unfilled part keeps