1639957 - Style changes to navigation component

Status: VERIFIED FIXED

(Firefox :: New Tab Page, enhancement)

Description

[Scott [:thecount] Downe]

Figma here: https://www.figma.com/file/puN61TVQAm3wqpsOvEM9UU/Firefox-78-Spec?node-id=1%3A3

This is to do the inline change of topics, and to allow for the responsive design view treatments as per the figma.

Comment 1

[Scott [:thecount] Downe]

Attachment: Bug 1639957 - Updates to navigation component

Comment 2

[Scott [:thecount] Downe]

To test:

1. Set browser.newtabpage.activity-stream.discoverystream.endpoints to http,https
2. Set browser.newtabpage.activity-stream.discoverystream.config to {"api_key_pref":"extensions.pocket.oAuthConsumerKey","collapsible":true,"enabled":true,"show_spocs":false,"hardcoded_layout":false,"personalized":true,"layout_endpoint":"https://e5e8374d-fffa-4a77-a604-31603852b6fd.mock.pstmn.io/1639957/layout"}

Expected: Should see a new and impoved topics component (internally called navigation) above the stories but below the stories title.

For the sake of QA, I also kept the old topics component in the old spot to ensure we do not regress. Note, this topics component duplication is in the QA layout only, it wouldn't be in the actual experiment.

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/e471c09f1739
Updates to navigation component r=gvn

Comment 4

[Bogdan Tara[:bogdan_tara | bogdant]]

https://hg.mozilla.org/mozilla-central/rev/e471c09f1739

Comment 5

[Robert Martin [:romartin], Ecosystem QA]

This enhancement was verified as part of the work done in [PI-668] New Tab Popular Topics - Firefox Beta 78 experiment, for which we've sent a GREEN signoff via email.
Considering the above, I am marking this task as VERIFIED.