[OCaml] High Intensity Training Online
feat hide sign-out on mobile
Hide the header sign-out control below the desktop breakpoint. The three bottom-nav actions carry mobile navigation; sign-out returns with the inline primary nav at desktop widths.
Changed files
ENHANCEMENTS.org
@@ -32,7 +32,7 @@
32
32
In the exercise fieldset, style the exercise name as a black Work Sans heading.
33
33
** DONE Limit Courier Prime Mono usage
34
34
Use Courier Prime Mono only for numerical inputs and outputs, and eventually for tabular data.
35
Removed:
** TODO Hide sign-out on mobile
35
Added:
** DONE Hide sign-out on mobile
36
36
Do not show the sign-out button on mobile.
37
37
** TODO Show an in-progress workout card on Home
38
38
When the user is logging a current workout, show a Home card that indicates the workout is in progress and links to the Current Workout tab.
lib/web/assets/hito.css
@@ -498,10 +498,10 @@
498
498
499
499
/* Mobile-first navigation with a single desktop breakpoint at 42.0625rem.
500
500
Below it, the layout is mobile: a fixed bottom nav for the three actions,
501
Removed:
with the header sign-out kept beside the brand. At or above it, the inline
502
Removed:
primary nav joins the header sign-out and the bottom nav is hidden. */
501
Added:
with the sign-out control hidden. At or above it, the inline primary nav
502
Added:
joins the header sign-out and the bottom nav is hidden. */
503
503
.primary-nav { display: none; }
504
Removed:
.account { display: block; }
504
Added:
.account { display: none; }
505
505
.bottom-nav {
506
506
position: fixed;
507
507
z-index: 20;