From 74eefbc5eb6cb8938a2a64bce1ce5c396d3fc9fc Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Mon, 20 Jan 2025 10:20:57 +0100
Subject: [PATCH] fix(FileDrop): remove use of dragenter

---
 src/common/FileDrop/FileDrop.tsx |  5 ----
 src/index.less                   | 47 ++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 5 deletions(-)
 create mode 100644 src/index.less

diff --git a/src/common/FileDrop/FileDrop.tsx b/src/common/FileDrop/FileDrop.tsx
index bbd3b929c..9117a4c7a 100644
--- a/src/common/FileDrop/FileDrop.tsx
+++ b/src/common/FileDrop/FileDrop.tsx
@@ -22,9 +22,6 @@ const FileDropProvider = ({ className, children }: Props) => {
 
     const onDragOver = (event: DragEvent) => {
         event.preventDefault();
-    };
-
-    const onDragEnter = () => {
         setActive(true);
     };
 
@@ -62,13 +59,11 @@ const FileDropProvider = ({ className, children }: Props) => {
 
     useEffect(() => {
         window.addEventListener('dragover', onDragOver);
-        window.addEventListener('dragenter', onDragEnter);
         window.addEventListener('dragleave', onDragLeave);
         window.addEventListener('drop', onDrop);
 
         return () => {
             window.removeEventListener('dragover', onDragOver);
-            window.removeEventListener('dragenter', onDragEnter);
             window.removeEventListener('dragleave', onDragLeave);
             window.removeEventListener('drop', onDrop);
         };
diff --git a/src/index.less b/src/index.less
new file mode 100644
index 000000000..09e3446cb
--- /dev/null
+++ b/src/index.less
@@ -0,0 +1,47 @@
+.toasts-container {
+    position: absolute;
+    top: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-top));
+    right: var(--safe-area-inset-right);
+    bottom: calc(1.2 * var(--horizontal-nav-bar-size) + var(--calculated-bottom-safe-inset, 0rem));
+    left: auto;
+    z-index: 1;
+    padding: 0 calc(0.5 * var(--horizontal-nav-bar-size));
+    overflow: visible;
+    scrollbar-width: none;
+    pointer-events: none;
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+.tooltip-container {
+    height: 2.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 1.5rem;
+    font-size: 1rem;
+    color: var(--primary-foreground-color);
+    border-radius: var(--border-radius);
+    background-color: var(--modal-background-color);
+    box-shadow: var(--outer-glow);
+    transition: opacity 0.1s ease-out;
+}
+
+.file-drop-container {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    border-radius: 1rem;
+    border: 0.5rem dashed transparent;
+    pointer-events: none;
+    transition: border-color 0.25s ease-out;
+
+    &:global(.active) {
+        border-color: var(--primary-accent-color);
+        pointer-events: inherit;
+    }
+}
\ No newline at end of file