From 9783b07778bc7e52e52379bdcbb83c3dae4748df Mon Sep 17 00:00:00 2001
From: Julien Nahum <jhumanj@MacBook-Pro-de-Julien.local>
Date: Wed, 4 Jan 2023 14:45:24 +0100
Subject: [PATCH] better show hidden fields

---
 .../js/components/open/forms/components/FormFieldsEditor.vue  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/open/forms/components/FormFieldsEditor.vue b/resources/js/components/open/forms/components/FormFieldsEditor.vue
index 2f11321..f9b1890 100644
--- a/resources/js/components/open/forms/components/FormFieldsEditor.vue
+++ b/resources/js/components/open/forms/components/FormFieldsEditor.vue
@@ -23,8 +23,8 @@
                ghost-class="bg-gray-50" handle=".draggable" :animation="200"
     >
       <div v-for="(field,index) in formFields" :key="field.id"
-           class="w-full mx-auto transition-colors bg-white dark:bg-notion-dark-light"
-           :class="{'bg-gray-200 dark:bg-gray-800':field.hidden, 'border-b': (index!== formFields.length -1), 'bg-blue-50 dark:bg-blue-900':field && field.type==='nf-page-break'}"
+           class="w-full mx-auto transition-colors"
+           :class="{'bg-gray-100 dark:bg-gray-800':field.hidden,'bg-white dark:bg-notion-dark-light':!field.hidden && !field.type==='nf-page-break', 'border-b': (index!== formFields.length -1), 'bg-blue-50 dark:bg-blue-900':field && field.type==='nf-page-break'}"
       >
         <div v-if="field" class="flex items-center space-x-1 group py-2 pr-4 relative">
           <!-- Drag handler -->