[OCaml] High Intensity Training Online
feat drop the boulder top border from logging cards
The exercise logging fieldset now carries a logging-fieldset class that replaces the heavy ink top border with a light rule. The card reads as a plain bordered panel led by the exercise-name heading, not a dark bar.
ENHANCEMENTS.org
@@ -46,7 +46,7 @@
46
46
When logging a workout, show a sticky bar at the top of the screen with a workout timer.
47
47
** DONE Replace the exercise button group with a dropdown
48
48
Use a dropdown menu to select the exercise instead of the exercise button group.
49
Removed:
** TODO Remove the boulder top border from exercise logging cards
49
Added:
** DONE Remove the boulder top border from exercise logging cards
50
50
Do not show a boulder top fieldset border on the exercise logging fieldset card.
51
51
** TODO Increase bottom-navigation button text size
52
52
Increase the bottom-navigation button text font size to better support WCAG-aligned readability.
lib/web/assets/hito.css
@@ -197,6 +197,12 @@
197
197
border-radius: var(--radius);
198
198
}
199
199
200
Added:
/* The exercise logging fieldset drops the heavy ink top border: the card reads
201
Added:
as a plain bordered panel so the exercise-name heading leads it, not a rule. */
202
Added:
.logging-fieldset {
203
Added:
border-top: 1px solid var(--rule);
204
Added:
}
205
Added:
200
206
legend {
201
207
max-width: 100%;
202
208
padding: 0 0.35rem;
lib/web/pages.ml
@@ -575,7 +575,8 @@
575
575
else [ Dream_html.attr "data-hito-app-form" ])
576
576
[
577
577
Dream_html.csrf_tag request;
578
Removed:
tag "fieldset" []
578
Added:
tag "fieldset"
579
Added:
[ class_ "logging-fieldset" ]
579
580
(fields
580
581
@ [
581
582
tag "label"
test/test_web.ml
@@ -454,6 +454,9 @@
454
454
"opens on the first slot's record form" true
455
455
(contains ~substring:"/workout/slots/0" workout_page);
456
456
Alcotest.(check bool)
457
Added:
"marks the logging fieldset without a boulder top border" true
458
Added:
(contains ~substring:"logging-fieldset" workout_page);
459
Added:
Alcotest.(check bool)
457
460
"marks the current workout as progressively enhanced" true
458
461
(contains ~substring:"data-hito-workout" workout_page);
459
462
Alcotest.(check bool)