ntp: customizer polish 💅

[shakyShane]

Asana Task/Github Issue: https://app.asana.com/0/1201141132935289/1208996908465307/f

Description

• [NTP 💅] Background should not animate as window expands
• [NTP 💅] Gradient tiles on dark background
• [NTP 💅] sub-nav in the drawer should animate between sections
• [NTP 💅] user images screen missing placeholders
• Support auto open
• [NTP 💅] Customizer drawer elements to match designs

Testing Steps

• Use the customizer drawer here https://deploy-preview-1336--content-scope-scripts.netlify.app/build/pages/new-tab/?customizerDrawer=enabled&userImages
• Verify the page continues to work as expected when the drawer is DISABLED https://deploy-preview-1336--content-scope-scripts.netlify.app/build/pages/new-tab/?customizerDrawer=disabled

Note

When viewing as a URL you'll get some some additionally latency on images, that won't be present in the browser.

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[shakyShane]

• ntp: customizer polish 💅 #1336 👈 (View in Graphite)
• ntp: support auto-open + settings link #1351
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1336
• Commit Hash: 74658040597b09309d72386276afd03b70940b19
• Install Command: npm i github:duckduckgo/content-scope-scripts#74658040597b09309d72386276afd03b70940b19

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Mon, 23 Dec 2024 21:48:13 GMT

Integration

    - integration/pages/new-tab/dist/index.css

• integration/pages/new-tab/dist/index.js
• integration/pages/new-tab/locales/en/new-tab.json
• integration/pages/onboarding/dist/index.css
• integration/pages/onboarding/dist/index.js

File has changed

Windows

    - windows/pages/new-tab/dist/index.css

• windows/pages/new-tab/dist/index.js
• windows/pages/new-tab/locales/en/new-tab.json
• windows/pages/onboarding/dist/index.css
• windows/pages/onboarding/dist/index.js

File has changed

Apple

    - dist/pages/new-tab/dist/index.css

• dist/pages/new-tab/dist/index.js
• dist/pages/new-tab/locales/en/new-tab.json
• dist/pages/onboarding/dist/index.css
• dist/pages/onboarding/dist/index.js

File has changed

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	c1f1347
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/6769da5ffa24680008c809f9
😎 Deploy Preview	https://deploy-preview-1336--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mgurgel]

👏

The base branch was changed.