[1304] Add contextual hints to homescreen sections

[aminalhazwani]

Why/User Benefit/User Problem

Enable users to discover hidden remote control interactions

What / Requirements

Add a small hint on the right side of the homescreen section title to display remote controls. For example replace the "long press SELECT to remove" toast with a hint above the pinned tiles section only when the focus is in the section.

Acceptance Criteria (how do I know when I’m done?)

Design

Source file is available on Google Drive ~/Firefox - Fire TV/Mocks/FFTV-master.sketch

[aminalhazwani]

[aminalhazwani]

Display a contextual hint based on the available remotes "hidden" feature. The hint sits on the same baseline as the channel title and it's composed of:

• input action
• button symbol
• output result

For example when the focus is in the "Pinned sites" channel "Press" + MENU + "to remove"

SVGs and XMLs exports for MENU, BACK, MICROPHONE and HOME are available here https://github.com/mozilla-mobile/firefox-tv/wiki/Design#assets