Last Update: Oct 17, 2022

Platform: Mobile

Designer: Junjie Piao

Intro

The partial modal screen is used to break up large markup files into smaller components. (in this use case Edit Comment) There´s an advantage to working on with a smaller piece isolated into a partial view. The view usually comes up by clicking on a control Edit Comment. The editing work is then be done on a partial modal screen.

Usage

There are ways to exit a partial modal screen in iOS without saving/proceeding current task:

• Tap on "Cancel" button on top left (or right in certain scenarios)
• Swipe down from navbar area (bar on the top with page title inside ) (This behavior can be disabled by eng if needed, but we don't see a reason for that so far)

If there is already some content being added/edited inside the modal screen, an action sheet should slide up from bottom of screen asking for user's confirmation to exit current workflow and all unsaved changes inside will be lost.

Application-specific Examples

An example from Goals: