Tags: Glomus

On this screen the user should see the details of a selected track.

At the top bar:

• burger menu at the left
  • if the user click on it, he should see the drawer
• Two lines to the right of burger menu:
  • Name of the track
    • font: relatively big
  • Details of the track
    • font: small
    • start date time - end date / time

In the first version the track details screen contains only the map pane. The textual details will be shown on an extra screen (Glomus track textual details screen).

The map pane should contain:

• scale
  • LATER: style it in Material3 style
• center button
  • position: on the right side in the middle of the screen
  • on click
    • the screen should be centered on the current user position

Also on the screen should be visible:

• FAB (Start / Stop)
  • Notes:
    • Use AnimatedVisibility
      • see:
        • Mastering AnimatedVisibility in Jetpack Compose

• The screen should show not only single track, but also multiple tracks.
  • ⇒ all tracks selected on Glomus track list screen
• On big screens it should contain two panes:
  • Map
  • Textual details