search

jovandeginste / workout-tracker

A workout tracking web application for personal use (or family, friends), geared towards running and other GPX-based activities
Other
945 stars 31 forks source link

Remove location from dashboard tiles, cosmetic improvements #258

Closed jovandeginste closed 3 weeks ago

jovandeginste commented 1 month ago

This removes the (duplicate) location fro the dashboard tiles. We also make sure long elements (such as locations) are ellipsized.

Fixes #257

pixelspark commented 1 month ago

This looks better! I like how it nicely wraps long location names and the tooltip showing the full location.

After tinkering a bit with it, I prefer it with this extra CSS the most:

width: 150px; /* just fix it to 150px, the min 100px...max 150px doesn't really add much in my opinion */
text-align: left;
border: none;

This looks more boring but also more legible to my eyes:

image

text-align: right could be even better by the way, if you also ensure that the numbers all have the same fixed number of digits after the comma (i.e. 12.34, so 12.3 would be shown as 12.30).

As for the times: perhaps offer an option for the user to choose between XXm XXs style display (like now) and hh:mm:ss.