From a096047a6104b5275ab5d36eef36dfc0841b81eb Mon Sep 17 00:00:00 2001
From: Timothy Cardoza <tcardoza@cardoza.construction>
Date: Tue, 17 Mar 2026 17:28:20 -0500
Subject: [PATCH] image/video/file delete button on mobile

---
 package.json                          | 4 ++--
 src/lib/extensions/file-attachment.ts | 2 +-
 src/lib/extensions/file-viewer.ts     | 2 +-
 src/lib/extensions/image.ts           | 2 +-
 src/lib/extensions/video.ts           | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 70a0ff7..b3850f2 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "tasgrid",
   "private": true,
-  "version": "1.1.0",
+  "version": "1.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite --host 0.0.0.0 --port 4001",
@@ -63,4 +63,4 @@
     "vite": "^7.2.4",
     "vite-plugin-solid": "^2.11.10"
   }
-}
\ No newline at end of file
+}
diff --git a/src/lib/extensions/file-attachment.ts b/src/lib/extensions/file-attachment.ts
index fcce83b..e726616 100644
--- a/src/lib/extensions/file-attachment.ts
+++ b/src/lib/extensions/file-attachment.ts
@@ -182,7 +182,7 @@ export const FileAttachment = Node.create<FileAttachmentOptions>({
 
             // Delete button overlay
             const overlay = document.createElement('div');
-            overlay.classList.add('absolute', 'top-1.5', 'right-1.5', 'hidden', 'group-hover:flex', 'bg-background/90', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
+            overlay.classList.add('absolute', 'top-1.5', 'right-1.5', 'flex', '[@media(hover:hover)]:hidden', '[@media(hover:hover)]:group-hover:flex', 'bg-background/90', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
 
             const deleteBtn = document.createElement('button');
             deleteBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-muted-foreground hover:text-destructive transition-colors"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg>';
diff --git a/src/lib/extensions/file-viewer.ts b/src/lib/extensions/file-viewer.ts
index f68954c..3fc2b95 100644
--- a/src/lib/extensions/file-viewer.ts
+++ b/src/lib/extensions/file-viewer.ts
@@ -95,7 +95,7 @@ export const FileViewer = Node.create<FileViewerOptions>({
 
                 // Delete button overlay
                 const overlay = document.createElement('div');
-                overlay.classList.add('absolute', 'top-2', 'right-2', 'hidden', 'group-hover:flex', 'bg-background/80', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
+                overlay.classList.add('absolute', 'top-2', 'right-2', 'flex', '[@media(hover:hover)]:hidden', '[@media(hover:hover)]:group-hover:flex', 'bg-background/80', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
 
                 const deleteBtn = document.createElement('button');
                 deleteBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-muted-foreground hover:text-destructive transition-colors"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg>';
diff --git a/src/lib/extensions/image.ts b/src/lib/extensions/image.ts
index f537842..1a0f774 100644
--- a/src/lib/extensions/image.ts
+++ b/src/lib/extensions/image.ts
@@ -57,7 +57,7 @@ export const CustomImage = Image.extend({
 
             // Delete button overlay
             const overlay = document.createElement('div');
-            overlay.classList.add('absolute', 'top-2', 'right-2', 'hidden', 'group-hover:flex', 'bg-background/80', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
+            overlay.classList.add('absolute', 'top-2', 'right-2', 'flex', '[@media(hover:hover)]:hidden', '[@media(hover:hover)]:group-hover:flex', 'bg-background/80', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
 
             const deleteBtn = document.createElement('button');
             deleteBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-muted-foreground hover:text-destructive transition-colors"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg>';
diff --git a/src/lib/extensions/video.ts b/src/lib/extensions/video.ts
index 756a455..d50c814 100644
--- a/src/lib/extensions/video.ts
+++ b/src/lib/extensions/video.ts
@@ -110,7 +110,7 @@ export const Video = Node.create<VideoOptions>({
 
             // Delete button overlay
             const overlay = document.createElement('div');
-            overlay.classList.add('absolute', 'top-2', 'right-2', 'hidden', 'group-hover:flex', 'bg-background/80', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
+            overlay.classList.add('absolute', 'top-2', 'right-2', 'flex', '[@media(hover:hover)]:hidden', '[@media(hover:hover)]:group-hover:flex', 'bg-background/80', 'backdrop-blur-sm', 'p-1', 'rounded-lg', 'border', 'border-border', 'shadow-sm', 'z-10');
 
             const deleteBtn = document.createElement('button');
             deleteBtn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-muted-foreground hover:text-destructive transition-colors"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg>';