Skip to content

Remove button and success indicator overlap when singleFileFullScreen=true. #6274

Description

@zekehowey

Initial checklist

  • I understand this is a bug report and questions should be posted in the Community Forum
  • I searched issues and couldn’t find anything (or linked relevant results below)

Link to runnable example

No response

Steps to reproduce

Create a new uppy dashboard with the following arguments:

.use(Dashboard, { theme: mode.current, inline: true, target: '#uppy-dashboard', proudlyDisplayPoweredByUppy: false, height: 450, singleFileFullScreen: true, hideProgressAfterFinish: true, showRemoveButtonAfterComplete: true

Then, upload a single picture to your dashboard

Expected behavior

There should be a clear remove button that users can easily find when showRemoveButtonAfterComplete is true.

Actual behavior

At first glance, it looks like there is no way to remove a photo once it is uploaded. It took me a lot of searching to realize that the remove button is positioned in the exact same spot as the green success indicator.

This makes the remove button practially useless and requires a custom remove button to be used outside of the dashboard.

Image

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions