Skip to content

Improved Editing screen #3049

Open
Open
@gnunicorn

Description

@gnunicorn

we have showEditHtmlDescriptionBottomSheet to edit descriptions. But the screen is sub-optimal:

Image

  1. Rather than focus the user on what they are up to, by making it a small window with just "description" on top and the element in the background, it feels out of place and a bit ugly.
  2. While we have plenty of screen space the user could use to write, we limit to a relatively small area of the code
  3. the colors, frame and everything just looks not that polished and the interaction items aren't that clear (what happens on dragging it down?).

Instead the proposal is to use the flow described for documents feature in the product overview balsamiq:

Image

Main differences:

  1. go full screen with the view, with the expected "back" button for navigation, save on the top right
  2. feature a properly contextualized title widget showing object and the attribute you are editing (if there are possibly more than one)
  3. a frameless full-screened editor with plenty of space for the user to work with

UX change: warn the user when there are changes made they would be discarding.

While on it, let's also address the following:

  1. we should move this from "common/widgets" into "toolkit"
  2. we should have plenty of tests on this to harden it (probably useful to add the tests first, so they can act as regression tests for the new UI)

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    Status

    Backlog

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions