From 686a7ee8fda63bac7b1250e53e282c33b07c2aa9 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Wed, 17 Jan 2024 21:37:57 +0000
Subject: [PATCH] [4.x] Fix "Read Only" text for section fields (#9315)

---
 resources/js/components/publish/Field.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index dcf4cf21a2..f8582718a5 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -17,7 +17,7 @@
                 />
                 <i class="required mr-1" v-if="config.required">*</i>
                 <avatar v-if="isLocked" :user="lockingUser" class="w-4 rounded-full -mt-px ml-2 mr-2" v-tooltip="lockingUser.name" />
-                <span v-if="isReadOnly && !isTab" class="text-gray-500 font-normal text-2xs mr-1">
+                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 font-normal text-2xs mr-1">
                     {{ isLocked ? __('Locked') : __('Read Only') }}
                 </span>
                 <svg-icon name="translate" class="h-4 mr-1 w-4 text-gray-600" v-if="isLocalizable && !isTab" v-tooltip.top="__('Localizable field')" />
@@ -148,6 +148,10 @@ export default {
             return this.config.type === 'tab';
         },
 
+        isSection() {
+            return this.config.type === 'section';
+        },
+
         classes() {
             return [
                 'form-group publish-field',