grav-plugin-form icon indicating copy to clipboard operation
grav-plugin-form copied to clipboard

Frontend File field tooltip blocks remove button when file is too large

Open james0r opened this issue 3 years ago • 1 comments

A video is probably worth a 1000 words here. I checked to see if some of my CSS was causing this but nothing was apparent to me that I was affecting it.

https://user-images.githubusercontent.com/34731936/183279772-cb628f00-0780-45a0-9e61-b17b741ab691.mp4

james0r avatar Aug 07 '22 07:08 james0r

Obviously subjective, but this worked for me to at least unobstruct the remove button:

  .dropzone .dz-preview .dz-error-message {
      top: 150px !important;
    }

    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      top: calc(50% - 10px) !important;
    }

james0r avatar Aug 07 '22 21:08 james0r