- Add new background - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code
Bug 1983565 Comment 0 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
[Figma design](https://mozilla-hub.atlassian.net/browse/FXE-1349) - Add new background - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code
[Figma design](https://mozilla-hub.atlassian.net/browse/FXE-1349) - Add new background - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code This **does not include** updates to each card.
[Figma design](https://mozilla-hub.atlassian.net/browse/FXE-1349) - Add new background - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
[Figma design](https://mozilla-hub.atlassian.net/browse/FXE-1349) Design doc Jira Theme Spike doc Add new background (red/orange gradient) Add carousel ‘wrapper’ (include page gaps) Wrap existing cards in a Card UI element Ensure spacing of system bars and the page indicator match design - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
[Figma design](https://mozilla-hub.atlassian.net/browse/FXE-1349) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) --- - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) --- - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) --- [Mobile specific design Figma link](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=4914-45005&m=dev) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element. The `Card` **height** is roughly 70% of the device height, **width** is roughly 85% of the device width - The **min width** supported for the portrait view is **360dp** - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) --- [Mobile specific design Figma link](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=4914-45005&m=dev) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element. The `Card` **height** is roughly **70%** of the device height, **width** is roughly **85%** of the device width - The **min width** supported for the portrait view is **360dp** - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards This **does not include** updates to each card.
- [Design doc](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=2910-1389&p=f&m=dev) - [Jira Theme](https://mozilla-hub.atlassian.net/browse/FXE-1349) - [Spike doc](https://docs.google.com/document/d/1MKTZ86MIt1otsc2TequCQfStXC-UHqHxMWw6jzc9iTg/edit?tab=t.0) --- [Mobile specific design Figma link](https://www.figma.com/design/udCfSmhE1ZaLdU2V5jPt5j/Android-Mobile-Onboarding-2025?node-id=4914-45005&m=dev) - Add new background (red/orange gradient) - Add carousel ‘wrapper’ (include page gaps) - Wrap existing cards in a `Card` UI element. The `Card` **height** is roughly **70%** of the device height, **width** is roughly **85%** of the device width - The **min width** supported for the portrait view is **360dp** - Ensure spacing of system bars and the page indicator - Trim unused code - Add the ‘peek’ view of the cards **Note** - This **does not include** updates to each card. - This is focused on the Mobile design. Follow-up tasks will ensure the implementation is correct across Tablets, Small screens and Mobile Landscape mode.