Improve "Remove block" modal: Sizing, title and layout

Created on 30 May 2024, 26 days ago

Problem/Motivation

When a "Remove block" modal opens, there are a few UI problems that seem related to the use of the modal itself:

  • Width is too narrow for the full title to be visible. Or, the title does not wrap to make itself visible
  • Duplicate "button area". The LB+ "Remove" button is separate from the "Cancel" button

Steps to reproduce

  • Open any Layout page and click Remove block from the inline pencil menu of any block.
  • The confirmation modal opens with UI issues

Proposed resolution

Change the modal to something like:

Remove block?
-----
This will remove the XYZ block from the current layout.

This action can not be undone.
-----
              [ Cancel ] [ Remove ]

Extra points if we can make the Remove button be a scary color.

See attached screenshots.

Remaining tasks

TBD

User interface changes

As suggested in Proposed Resolution

API changes

NA

Data model changes

NA

๐Ÿ› Bug report
Status

Active

Version

2.1

Component

User interface

Created by

๐Ÿ‡ต๐Ÿ‡ชPeru diegoe Lima, Perรบ

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024