[5.x] Allow hiding border around group fieldtype (#10570)

Co-authored-by: Jason Varga <[email protected]>
statamic · Aug 5, 2024 · 77d6fc6 · 77d6fc6
1 parent 1aa0d20
commit 77d6fc6
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/resources/js/components/fieldtypes/GroupFieldtype.vue b/resources/js/components/fieldtypes/GroupFieldtype.vue
@@ -37,8 +37,8 @@
                             />
                         </button>
                     </div>
-                    <div class="mb-4 border dark:border-dark-900 rounded shadow-sm replicator-set">
-                        <div class="replicator-set-body publish-fields @container">
+                    <div :class="{ 'border dark:border-dark-900 rounded shadow-sm replicator-set': config.border }">
+                        <div class="publish-fields @container" :class="{ 'replicator-set-body': config.border, '-mx-4': !config.border }">
                             <set-field
                                 v-for="field in fields"
                                 :key="field.handle"
@@ -55,7 +55,6 @@
                                 @meta-updated="updateMeta(field.handle, $event)"
                                 @focus="$emit('focus')"
                                 @blur="$emit('blur')"
-                                class="p-4"
                             />
                         </div>
                     </div>

diff --git a/resources/lang/en/fieldtypes.php b/resources/lang/en/fieldtypes.php
@@ -89,6 +89,7 @@
     'grid.config.add_row' => 'Customize the label of the "Add Row" button.',
     'grid.config.fields' => 'Each field becomes a column in the grid table.',
     'grid.config.fullscreen' => 'Enable toggle for fullscreen mode.',
+    'grid.config.border' => 'Show a border and padding around fields in this group.',
     'grid.config.max_rows' => 'Set a maximum number of creatable rows.',
     'grid.config.min_rows' => 'Set a minimum number of creatable rows.',
     'grid.config.mode' => 'Choose your preferred layout style.',

diff --git a/src/Fieldtypes/Group.php b/src/Fieldtypes/Group.php
@@ -37,6 +37,12 @@ protected function configFieldItems(): array
                         'type' => 'toggle',
                         'default' => true,
                     ],
+                    'border' => [
+                        'display' => __('Border'),
+                        'instructions' => __('statamic::fieldtypes.grid.config.border'),
+                        'type' => 'toggle',
+                        'default' => true,
+                    ],
                 ],
             ],
         ];