Create a sticky menu component

[padms]

We would like to create a sticky menu that follows a user as the scroll down a page. This would be used for the Annual report landing page in the first iteration to allow the main AP PDF to be accessed by user.

The component should be visible as user scrolls down the page
The component should allow editor to add a title
The component should have an option to add an anchor link to jump down to a given point on the page
The component should allow editor to add a download
Options for colour background: White + light green as per sketch.
Use new design for Download CTA inc new Icon for PDF
Should the component not feature on mobile?

Inspiration:
https://www.apple.com/environment/

Challenges:
How does it interact with the main menu? Apple example works well when user scrolls back up.
Should we replicate the shadow of the main menu on the sticky menu?

[padms]

@nicholas-haggerty This is ready to be reviewed.

[NickHaggerty1]

@padms Great thanks for this. Some comments:

• In the studio we should add the sticky menu content under a drop down (like SEO)
• The title font for the menu seems quite bold/heavy. Think we could take the weight down (not size)
• The background colour does not seem to change (Always light green despite selecting white or having no select)
• Think we need a little more space between the link/download titles and the arrow (probably double what it is now)
• Lets remove the component from mobile view (seems also to have a couple of issues on mobile)

[padms]

@NickHaggerty1 Ready for another round of review.

[NickHaggerty1]

@padms Thanks.

• Can we move the "title" to be more inline with the logo? Screen grab attached.
• Potentially could move the link/downloads to align with the menu but not sure if there is a space reason its more to the right side of the menu?
• When I remove the anchor link. The title goes away but the arrow remains?

[padms]

Back to review with the fixes :) @NickHaggerty1

[NickHaggerty1]

@padms Thanks so much. Think we are approved!