mapper new

resources/css/filament/admin/theme.css

@@ -63,4 +63,14 @@ button[wire\:click="resetTableFiltersForm"] {
     .striped div:nth-child(even) {
         @apply bg-gray-100
     }
+}
+
+#mapper_right .fi-ta-filter-indicators button,
+#mapper_left .fi-ta-filter-indicators button {
+    display: none;
+}
+
+#mapper_right .fi-ta-filter-indicators div button,
+#mapper_left .fi-ta-filter-indicators div button {
+    display: block;
 }

resources/views/livewire/mapper-left.blade.php

@@ -1,4 +1,4 @@
-<div>
+<div id="mapper_left">
     <ul class="drag-and-drop__items">
         {{ $this->table }}
     </ul>

resources/views/livewire/mapper-right.blade.php

@@ -1,4 +1,4 @@
-<div>
+<div id="mapper_right">
     <ul class="drag-and-drop__items">
         {{ $this->table }}
     </ul>

resources/views/livewire/top-menu-items.blade.php

@@ -62,11 +62,11 @@
 
         {{-- Event Mapper --}}
 
-        <x-filament::modal slide-over width="7xl" icon="phosphor-arrows-in-line-horizontal" :close-by-clicking-away="false" :close-by-escaping="false"
+        <x-filament::modal width="7xl" icon="phosphor-arrows-in-line-horizontal" :close-by-clicking-away="false" :close-by-escaping="false"
             :close-button="true">
             <x-slot name="trigger">
-                <x-filament::icon-button outlined icon="phosphor-arrows-in-line-horizontal"  color="gray" class="my-auto"
-                    title="Event Mapper">
+                <x-filament::icon-button outlined icon="phosphor-arrows-in-line-horizontal" color="gray"
+                    class="my-auto" title="Event Mapper">
                 </x-filament::icon-button>
             </x-slot>
 
@@ -157,9 +157,11 @@
         </x-filament::modal>
 
         {{-- Multiline --}}
-        <x-filament::modal slide-over width="4xl" icon="phosphor-list" :close-by-clicking-away="false" :close-by-escaping="true" :close-button="true">
+        <x-filament::modal slide-over width="4xl" icon="phosphor-list" :close-by-clicking-away="false" :close-by-escaping="true"
+            :close-button="true">
             <x-slot name="trigger">
-                <x-filament::icon-button outlined icon="phosphor-list"  color="gray" class="my-auto" title="Multiline Settings">
+                <x-filament::icon-button outlined icon="phosphor-list" color="gray" class="my-auto"
+                    title="Multiline Settings">
                 </x-filament::icon-button>
             </x-slot>
             <x-slot name="heading">
@@ -172,7 +174,8 @@
 
         <x-filament::modal slide-over width="4xl" icon="phosphor-siren">
             <x-slot name="trigger">
-                <x-filament::icon-button outlined icon="phosphor-siren"  color="gray" class="my-auto" title="Alarm Settings">
+                <x-filament::icon-button outlined icon="phosphor-siren" color="gray" class="my-auto"
+                    title="Alarm Settings">
                 </x-filament::icon-button>
             </x-slot>
 
@@ -187,7 +190,8 @@
 
         <x-filament::modal slide-over width="4xl" icon="phosphor-sliders" title="Comparing Bookmaker">
             <x-slot name="trigger">
-                <x-filament::icon-button icon="phosphor-sliders" color="gray" class="my-auto" title="Comparing Bookmaker">
+                <x-filament::icon-button icon="phosphor-sliders" color="gray" class="my-auto"
+                    title="Comparing Bookmaker">
                 </x-filament::icon-button>
             </x-slot>
 
@@ -196,7 +200,7 @@
             </x-slot>
 
             @livewire('comparing-method')
-            
+
         </x-filament::modal>
     @endif
 </div>