wip

packages/forms/resources/views/components/builder.blade.php

@@ -138,7 +138,7 @@
                                 @endif
 
                                 @if ($isCloneable || $isDeletable || $isCollapsible)
-                                    <ul class="ml-auto flex">
+                                    <ul class="-me-1.5 ms-auto flex">
                                         @if ($isCloneable)
                                             <li>
                                                 {{ $cloneAction(['item' => $uuid]) }}
@@ -154,23 +154,22 @@
                                         @if ($isCollapsible)
                                             <li
                                                 class="relative transition"
+                                                x-on:click.stop="isCollapsed = !isCollapsed"
                                                 x-bind:class="{ '-rotate-180': isCollapsed }"
                                             >
                                                 <div
-                                                    x-on:click.stop="isCollapsed = true"
+                                                    class="transition"
                                                     x-bind:class="{ 'opacity-0 pointer-events-none': isCollapsed }"
                                                 >
                                                     {{ $getAction('collapse') }}
                                                 </div>
 
                                                 <div
-                                                    x-on:click.stop="isCollapsed = false"
+                                                    class="absolute inset-0 rotate-180 transition"
                                                     x-bind:class="{ 'opacity-0 pointer-events-none': ! isCollapsed }"
-                                                    class="absolute inset-0"
                                                 >
                                                     {{ $getAction('expand') }}
                                                 </div>
-
                                             </li>
                                         @endif
                                     </ul>

packages/forms/src/Components/Builder.php

@@ -431,7 +431,7 @@ class Builder extends Field implements Contracts\CanConcealComponents
     {
         $action = Action::make($this->getExpandActionName())
             ->label(__('filament-forms::components.builder.actions.expand.label'))
-            ->icon('heroicon-m-chevron-up')
+            ->icon('heroicon-m-chevron-down')
             ->color('gray')
             ->livewireClickHandlerEnabled(false)
             ->iconButton()

packages/support/resources/views/components/section.blade.php

@@ -113,7 +113,7 @@
                 icon-alias="section.collapse-button"
                 x-on:click.stop="isCollapsed = ! isCollapsed"
                 x-bind:class="{ 'rotate-180': ! isCollapsed }"
-                class="-my-2.5 -me-2.5 ml-auto"
+                class="-my-2.5 -me-2.5 ms-auto"
             />
         @endif
     </div>

packages/widgets/resources/views/chart-widget.blade.php

@@ -28,7 +28,7 @@
                     <x-filament-forms::affixes
                         inline-prefix
                         wire:target="filter"
-                        class="ml-auto"
+                        class="ms-auto"
                     >
                         <x-filament::input.select
                             inline-prefix