getgrav / grav-plugin-form

Grav Form Plugin
http://getgrav.org
MIT License
53 stars 79 forks source link

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

Open james0r opened 2 years ago

james0r commented 2 years ago

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 commented 2 years ago

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;
    }