From 7a206b1704611933b5f7bff710e91d17e47ac230 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Sat, 2 Mar 2024 07:32:40 +0000
Subject: [PATCH] fix(nc-gui): small changes

---
 packages/nc-gui/components/cell/RichText.vue         | 12 ++++++++++++
 packages/nc-gui/components/smartsheet/Form.vue       |  3 ++-
 .../index/[typeOrId]/form/[viewId]/index/index.vue   |  2 +-
 .../index/[typeOrId]/form/[viewId]/index/survey.vue  |  4 ++--
 4 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/cell/RichText.vue b/packages/nc-gui/components/cell/RichText.vue
index 6a314d9036..40c52c4d71 100644
--- a/packages/nc-gui/components/cell/RichText.vue
+++ b/packages/nc-gui/components/cell/RichText.vue
@@ -291,6 +291,18 @@ onClickOutside(editorDom, (e) => {
     .ProseMirror {
       padding: 0;
     }
+    &.readonly {
+      ul[data-type='taskList'] li input[type='checkbox'] {
+        background-color: #d5d5d9 !important;
+        &:not(:checked) {
+          @apply !border-gray-400;
+        }
+        &:focus {
+          box-shadow: none !important;
+          background-color: #d5d5d9 !important;
+        }
+      }
+    }
   }
   &.readonly {
     .nc-textarea-rich-editor {
diff --git a/packages/nc-gui/components/smartsheet/Form.vue b/packages/nc-gui/components/smartsheet/Form.vue
index 67455c5557..72f4d244a7 100644
--- a/packages/nc-gui/components/smartsheet/Form.vue
+++ b/packages/nc-gui/components/smartsheet/Form.vue
@@ -605,7 +605,8 @@ useEventListener(
   (e: FocusEvent) => {
     const nextActiveFieldTitle =
       (e?.relatedTarget as HTMLElement)?.getAttribute('data-title') ||
-      (e?.relatedTarget as HTMLElement)?.offsetParent?.closest('.nc-form-focus-element')?.getAttribute('data-title')
+      (e?.relatedTarget as HTMLElement)?.offsetParent?.closest('.nc-form-focus-element')?.getAttribute('data-title') ||
+      (e?.relatedTarget as HTMLElement)?.closest('.nc-form-focus-element')?.getAttribute('data-title')
 
     if (activeRow.value && nextActiveFieldTitle && activeRow.value !== nextActiveFieldTitle) {
       if (isTabPressed.value) {
diff --git a/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/index.vue b/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/index.vue
index 9cc5c7be7b..70a3e08f76 100644
--- a/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/index.vue
+++ b/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/index.vue
@@ -112,7 +112,7 @@ const onDecode = async (scannedCodeValue: string) => {
           <div class="flex justify-center">
             <div v-if="sharedFormView" class="w-full lg:w-[95%]">
               <a-alert
-                class="!my-4 !py-4 text-center !rounded-lg"
+                class="!my-4 !py-4 text-left !rounded-lg"
                 type="success"
                 data-testid="nc-survey-form__success-msg"
                 outlined
diff --git a/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue b/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue
index 7b1e8f6554..d2cc11f5a5 100644
--- a/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue
+++ b/packages/nc-gui/pages/index/[typeOrId]/form/[viewId]/index/survey.vue
@@ -245,7 +245,7 @@ onMounted(() => {
         <h1 class="text-2xl font-bold text-gray-900 self-center text-center my-4" data-testid="nc-survey-form__heading">
           {{ sharedFormView.heading }}
         </h1>
-        <div v-if="sharedFormView.subheading?.trim()" class="w-full text-center">
+        <div v-if="sharedFormView.subheading?.trim()" class="w-full">
           <LazyCellRichText
             :value="sharedFormView.subheading"
             class="font-medium text-base text-gray-500 dark:text-slate-300 !h-auto mb-4 -ml-1"
@@ -376,7 +376,7 @@ onMounted(() => {
           <Transition name="slide-left">
             <div v-if="submitted" class="flex flex-col justify-center items-center text-center">
               <a-alert
-                class="!my-4 !py-4 text-center !rounded-lg"
+                class="!my-4 !py-4 !rounded-lg text-left"
                 type="success"
                 data-testid="nc-survey-form__success-msg"
                 outlined