Merge pull request #2270 from lrljoe/BootstrapMenuFix

Change w-100 to w-auto for Bootstrap Bulk Actions Menu and ColumnSelect

Author: lrljoe

resources/views/components/tools/toolbar/items/bulk-actions.blade.php

@@ -94,8 +94,8 @@ class="origin-top-right absolute right-0 mt-2 w-full md:w-48 rounded-md shadow-l
                 {{ 
                     $attributes->merge($this->getBulkActionsMenuAttributes)
                     ->class([
-                        'dropdown-menu dropdown-menu-right w-100' => $isBootstrap4 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
-                        'dropdown-menu dropdown-menu-end w-100' => $isBootstrap5 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
+                        'dropdown-menu dropdown-menu-right w-auto' => $isBootstrap4 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
+                        'dropdown-menu dropdown-menu-end w-auto' => $isBootstrap5 && ($this->getBulkActionsMenuAttributes['default-styling'] ?? true),
                     ])
                     ->except(['default','default-styling','default-colors']) 
                 }}

resources/views/components/tools/toolbar/items/column-select.blade.php

@@ -122,7 +122,7 @@ class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wa
                 {{
                     $attributes->merge($this->getColumnSelectButtonAttributes())
                     ->class([
-                        'btn dropdown-toggle d-block w-100 d-md-inline' => $this->getColumnSelectButtonAttributes()['default-styling'],
+                        'btn dropdown-toggle d-block w-auto d-md-inline' => $this->getColumnSelectButtonAttributes()['default-styling'],
                     ])
                     ->except(['default-styling', 'default-colors'])
                 }}
@@ -135,8 +135,8 @@ class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wa
             <div
                 x-bind:class="{ 'show': open }"
                 @class([
-                    'dropdown-menu dropdown-menu-right w-100 mt-0 mt-md-3' => $isBootstrap4,
-                    'dropdown-menu dropdown-menu-end w-100' => $isBootstrap5,
+                    'dropdown-menu dropdown-menu-right w-auto mt-0 mt-md-3' => $isBootstrap4,
+                    'dropdown-menu dropdown-menu-end w-auto' => $isBootstrap5,
                 ])
                 aria-labelledby="columnSelect-{{ $tableName }}"
             >