Store Rating Recommendation

User Story

As ABP I would like to suggest users to rank us in the relevant browser store so we can increase our rating or understand how we can get better

Acceptance Criteria

• Add the option rating in the settings (not in the bubble ui)
• If user picked 1 or 5 starts - send user to the relevant store (based on browser)
• All links should be open in new tab

Spec

eyeo/specs/spec!246

Integration notes

Import the following files:

• skin/icons/heart.svg
• skin/icons/star.svg
• skin/icons/waving.svg

Hints for testers

• Existing popouts (i.e. tooltips and context menu for filter lists in Advanced tab) should be unaffected by this change.
• The popout content should always be on top of other UI elements.
• We agreed on applying a shadow also to existing popouts.
• We agreed on not centering the popout content relative to its anchor.
• Link redirects are being implemented separately (see Further information section).
• Since we're reusing the existing popout component, the new UI is not yet keyboard-accessible (see also #489 (closed)).

Hints for translators

Added the following strings to desktop-options.json:

• options_rating_description
• options_rating_title

Further information

Implementation of server-side redirects is handled in hub#24632 (internal).