Race Details Header

Displays the current, selected race as a header to a page.

Fields

  • Race name

  • Series name (if specified)

  • Race day (if specified) - Used for multi-day events

  • Race date

  • Start time (if specificed)

  • End time (if specified)

Actions

The following actions will be available on this screen;

  • Menu - Rendered as button on mobile and tablet, all primary items displayed for desktop.

Context menu

The following menu items will be available;

  • Change day (if a multi-day event)

  • Change - Change to another event

Responsiveness

The name should always be displayed.

On wide displays put menu on left, otherwise overflow to a next line, but still right aligned.

On page down scroll roll up to a single line and when reaching the top expand all rows.