From 3384c9c85ac6fc2c93d2f2b24f2c8f4981f07446 Mon Sep 17 00:00:00 2001
From: aymanalhattami <ayman.m.alhattami@gmail.com>
Date: Wed, 24 Apr 2024 22:01:34 +0300
Subject: [PATCH] style

---
 .../filament/tables/columns/context-menu-column.blade.php    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/resources/views/filament/tables/columns/context-menu-column.blade.php b/resources/views/filament/tables/columns/context-menu-column.blade.php
index f378fba..2cd67d6 100644
--- a/resources/views/filament/tables/columns/context-menu-column.blade.php
+++ b/resources/views/filament/tables/columns/context-menu-column.blade.php
@@ -9,7 +9,7 @@ class="relative w-full">
     </span>
 
     <template x-teleport="body">
-        <div x-show="contextMenuOpen" @click.away="contextMenuOpen = false" x-ref="contextmenu" class="z-50 min-w-48 max-w-2xl text-neutral-800 rounded-md border border-neutral-200/70 bg-white text-sm fixed p-1 shadow-md" x-cloak>
+        <div x-show="contextMenuOpen" @click.away="contextMenuOpen = false" x-ref="contextmenu" class="z-50 min-w-48 max-w-2xl text-neutral-800 rounded-md ring-1 ring-gray-950/5 transition bg-white text-sm fixed p-2 shadow-md dark:text-gray-200 dark:bg-gray-900 dark:ring-white/10" x-cloak>
             @foreach($getContextMenuActions() as $action)
                 @if($action->isVisible())
                     @if($action instanceof \AymanAlhattami\FilamentContextMenu\ContextMenuDivider)
@@ -41,9 +41,12 @@ function contextMenuComponent() {
             contextMenuToggle: function(event) {
                 event.preventDefault();
                 this.contextMenuOpen = true;
+                this.$refs.contextmenu.style.opacity = 0;
+
                 this.$dispatch('close-other-menus', { id: this.$el });
 
                 this.$nextTick(() => {
+                    this.$refs.contextmenu.style.opacity = 1;
                     this.calculateContextMenuPosition(event);
                 });
             },