Remove block confirmation modal sizing and layout improvements (title size, duplicate button area)

Created on 30 May 2024, 7 months ago

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

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

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.

TBD

As suggested in Proposed Resolution

🐛 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.

Comments & Activities

Issue created by @diegoe
Comment 7 months ago →
🇵🇪Peru diegoe Lima, Perú
Comment 7 months ago →
🇺🇸United States tim bozeman
Interesting! Thanks for the report. I haven't seen that before. What theme is that? This is what it looks like in Umami for me.
Comment about 1 month ago →
🇬🇧United Kingdom dunx
Confirming what Tim has already confirmed, that you can't see the full confirmation message in Umami. Mine is a Umami site with a heap of extra LB modules installed and "Umami 10.3.9 (default theme)".

Production build 0.71.5 2024