Skip to content

[Modal Layout Picker] Create Layout Picker sections and thumbnail UI using static data #2436

@chipsnyder

Description

@chipsnyder

Is your feature request related to a problem? Please describe.

This task is part of the effort to rework the Starter Page Template Picker for new pages. This part of the initiative will focus on filling in the layout with static data covering the UI for the layout pickers sections, thumbnail cells, and selected state. (The category bar will be handled separately).

The result should look something like:
iOS Android
Not Selected iOS-PickerUI Android-PickerUI
Selected iOS-PickerSelected Android-PickerSelected
Scrolled iOS-Scrolled Android-Scrolled

Goals

  • Layouts should be grouped into sections based on their category
    • Layouts should be horizontally scrollable within their category rows.
  • Layout cells should contain a preview image.
  • Selecting a Layout should:
  • Deselecting a Layout should:
    • Revert the border-color.
    • Hide the checkmark.
    • Revert the bottom Buttons to be "Create Blank Page"
  • Dark Mode should be handled for any new UI items.

Additional context

Blueprint Flow - iOS
Blueprint Flow - Android

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions