[OCaml] High Intensity Training Online
feat soften mobile bottom-navigation dividers
Replace the ink top border and ink gap-fill of the bottom navigation with a subtle rule colour. The thick black bar along the top edge and the black vertical dividers between the three actions are gone; thin, light separators remain.
Changed files
ENHANCEMENTS.org
@@ -40,7 +40,7 @@
40
40
Use uniformly rounded corners for all buttons, cards, and other UI elements.
41
41
** DONE Make workout cancellation unconditional
42
42
When cancelling a workout, always leave the current workout view without showing an invalid-form response. Save the workout log as-is for later editing, then redirect the user to Home.
43
Removed:
** TODO Remove thick black bars from mobile bottom navigation
43
Added:
** DONE Remove thick black bars from mobile bottom navigation
44
44
Remove the thick black bars visible in the mobile bottom navigation.
45
45
** TODO Add a sticky workout timer bar
46
46
When logging a workout, show a sticky bar at the top of the screen with a workout timer.
lib/web/assets/hito.css
@@ -532,8 +532,8 @@
532
532
display: grid;
533
533
grid-template-columns: repeat(3, minmax(0, 1fr));
534
534
gap: 1px;
535
Removed:
border-top: 2px solid var(--ink);
536
Removed:
background: var(--ink);
535
Added:
border-top: 1px solid var(--rule);
536
Added:
background: var(--rule);
537
537
box-shadow: 0 -0.35rem 1.2rem rgba(26, 26, 22, 0.15);
538
538
padding-bottom: env(safe-area-inset-bottom);
539
539
}