Showing workout progress within intervals

dvmarinoff / Flux

Indoor Cycling App for Structured Training

https://flux-web.vercel.app

GNU Affero General Public License v3.0

505 stars 86 forks source link

Closed daniellytle closed 5 months ago

daniellytle commented 5 months ago

Adds total workout progress UI in the workout-graph.
- Styling is similar to that of TrainerRoad.
Adds small style change to show intervalInfo above progress UI elements.

vercel[bot] commented 5 months ago

Someone is attempting to deploy a commit to a Personal Account owned by @dvmarinoff on Vercel.

@dvmarinoff first needs to authorize it.

dvmarinoff commented 5 months ago

Thanks for the PR, will take a look tomorrow’s morning.

dvmarinoff commented 5 months ago

Great job!

Only a few points:

now I am thinking that the current interval indicator #progress-active is redundant and it can go. Maybe making it background-color: transparent; would do for now.
On mobile devices the border-right: 2px solid var(--zone-orange); on #progress is looking too thick, maybe 1px would do better.

and also I am split about the --progress-orange: #ffa60055; color. Maybe white with some opacity also works #fff4. What do you think? Orange or white?

daniellytle commented 5 months ago

I like those changes, I'll put up another commit with them up today.