fix: Show logo and its checkbox in Customizer

- Show selected color badge
- Hide checkbox label in TwoColumnForm

models/doctype/PrintSettings/PrintSettings.js

@@ -110,6 +110,8 @@ module.exports = {
     }
   ],
   quickEditFields: [
+    'logo',
+    'displayLogo',
     'template',
     'color',
     'font',

src/components/Controls/Check.vue

@@ -10,7 +10,7 @@
         @change="e => triggerChange(+e.target.checked)"
         @focus="e => $emit('focus', e)"
       />
-      <div class="ml-3 text-gray-900 text-sm">
+      <div class="ml-3 text-gray-900 text-sm" v-if="showLabel">
         {{ df.label }}
       </div>
     </label>

src/components/Controls/Color.vue

@@ -10,12 +10,18 @@
           :class="inputClasses"
           @click="!isReadOnly && togglePopover()"
         >
-          <span v-if="value">
-            {{ selectedColorLabel }}
-          </span>
-          <span class="text-gray-400" v-else>
-            {{ inputPlaceholder }}
-          </span>
+          <div class="flex items-center">
+            <div
+              class="w-3 h-3 rounded mr-1"
+              :style="{ backgroundColor: value }"
+            ></div>
+            <span v-if="value">
+              {{ selectedColorLabel }}
+            </span>
+            <span class="text-gray-400" v-else>
+              {{ inputPlaceholder }}
+            </span>
+          </div>
         </div>
       </template>
       <div class="text-sm py-3 px-2 text-center" slot="content">

src/components/TwoColumnForm.vue

@@ -64,6 +64,7 @@
                     ]
                   : doc[df.fieldname]
               "
+              :class="{ 'p-2': df.fieldtype === 'Check' }"
               @change="value => onChange(df, value)"
               @focus="activateInlineEditing(df)"
               @new-doc="newdoc => onChange(df, newdoc.name)"

src/pages/Settings/TabInvoice.vue

@@ -22,6 +22,7 @@
           class="mt-2"
           :df="meta.getField('displayLogo')"
           :value="doc.displayLogo"
+          :show-label="true"
           @change="
             value => {
               doc.set('displayLogo', value);
@@ -71,7 +72,15 @@ export default {
       return frappe.getMeta('PrintSettings');
     },
     fields() {
-      return this.meta.getQuickEditFields();
+      return [
+        'template',
+        'color',
+        'font',
+        'email',
+        'phone',
+        'address',
+        'gstin'
+      ].map(field => this.meta.getField(field));
     }
   },
   methods: {