Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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

@cooldude1010

Description

@cooldude1010

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

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions