Merge pull request #145 from KarimMokhtar/dev

Hover state fixes
KarimMokhtar · Oct 22, 2024 · 9a546f9 · 9a546f9
2 parents 7147b96 + 07573bb
commit 9a546f9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-drag-drop-files",
-  "version": "2.3.11",
+  "version": "2.4.0",
   "description": "Light React Drag & Drop files and images library styled by styled-components",
   "author": "Karim <karimmokhtar28@gmail.com>",
   "license": "MIT",

diff --git a/src/style.ts b/src/style.ts
@@ -50,12 +50,13 @@ export const HoverMsg = styled.div`
   border: dashed 2px ${darkGray};
   border-radius: 5px;
   background-color: ${lightGray};
-  opacity: 0.5;
+  opacity: 0.9;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
+  z-index: 999;
   & > span {
     position: absolute;
     top: 50%;