diff --git a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue index ccd46edbb4..3908cc7b86 100644 --- a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue +++ b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue @@ -13,6 +13,7 @@ size="sm" :icon="hidden ? 'eye-closed' : 'eye'" variant="ghost" + v-tooltip="hideDisplayTooltip" @click="toggleHidden" /> @@ -34,6 +35,9 @@ export default { hidden() { return this.getFieldSettingsValue('hide_display'); }, + hideDisplayTooltip() { + return this.hidden ? __('Show Display label') : __('Hide Display Label'); + }, }, mounted() { diff --git a/resources/js/components/fieldtypes/replicator/Replicator.vue b/resources/js/components/fieldtypes/replicator/Replicator.vue index 8f54d75f8d..9b0f82ddd8 100644 --- a/resources/js/components/fieldtypes/replicator/Replicator.vue +++ b/resources/js/components/fieldtypes/replicator/Replicator.vue @@ -60,6 +60,7 @@ :index="index" :enabled="canAddSet" :is-first="index === 0" + :show-connector="!(index === 0 && config.hide_display)" :loading-set="loadingSet" @added="addSet" /> diff --git a/resources/js/components/ui/Publish/Field.vue b/resources/js/components/ui/Publish/Field.vue index 2f94dbe734..af57479245 100644 --- a/resources/js/components/ui/Publish/Field.vue +++ b/resources/js/components/ui/Publish/Field.vue @@ -148,6 +148,7 @@ const shouldShowLabelText = computed(() => !props.config.hide_display); const shouldShowLabel = computed( () => shouldShowLabelText.value || // Need to see the text + props.config.hide_display || // Need label for accessibility (visually hidden) isLocked.value || // Need to see the avatar isSyncable.value, // Need to see the icon ); @@ -239,6 +240,9 @@ const fieldtypeComponentEvents = computed(() => ({ {{ __(config.display) }} +