From 40194d010fb60395301f0aafb2c10a2d1a9a75a8 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Sat, 24 Dec 2022 23:27:39 +0530
Subject: [PATCH] refactor(dev-only): add blurred bg to file table row actions

---
 .../web/src/javascripts/Components/Table/Table.tsx     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Table/Table.tsx b/packages/web/src/javascripts/Components/Table/Table.tsx
index 6ad1306bd..5aef074e7 100644
--- a/packages/web/src/javascripts/Components/Table/Table.tsx
+++ b/packages/web/src/javascripts/Components/Table/Table.tsx
@@ -55,11 +55,17 @@ function TableRow<Data>({
             {row.rowActions && index === array.length - 1 && (
               <div
                 className={classNames(
-                  'absolute right-3 top-1/2 -translate-y-1/2',
+                  'absolute right-0 top-0 flex h-full items-center p-2',
                   row.isSelected ? '' : isHovered ? '' : 'invisible',
                 )}
               >
-                {row.rowActions}
+                <div className="z-[1]">{row.rowActions}</div>
+                <div
+                  className={classNames(
+                    'absolute top-0 right-0 z-0 h-full w-full backdrop-blur-[2px]',
+                    row.isSelected ? '' : isHovered ? '' : 'invisible',
+                  )}
+                />
               </div>
             )}
           </div>