fix: Hover state background to be solid

KarimMokhtar / react-drag-drop-files

Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.

MIT License

245 stars 86 forks source link

fix: Hover state background to be solid #73

Open pdenya opened 2 years ago

pdenya commented 2 years ago

Summary

In latest Chromium browsers the HoverMsg element is displayed underneath the drag text and the opacity is too low to be readable.

(mouse circle from screen recording software)

Key Changes

Updated Opacity from .5 to .9
Added z-index on HoverMsg style

Updated look

(mouse circle from screen recording software)

Check List

[x] The changes to the "Readme" file(if needed)
[x] The changes not breaking any old rule of the library or usage

KarimMokhtar commented 2 years ago

Hi @pdenya , Thank you so much for your contribution. Could you please just follow the PR semantic rules to pass the checks?