chore(ui): update json form advanced config styling (#12045)

openmetadata-ui/src/main/resources/ui/src/components/JSONSchemaTemplate/ObjectFieldTemplate.tsx

@@ -104,19 +104,23 @@ export const ObjectFieldTemplate: FunctionComponent<ObjectFieldTemplateProps> =
           </div>
         ))}
         {!isEmpty(advancedProperties) && (
-          <Collapse ghost className="advanced-properties-collapse">
+          <>
-            <Panel header={t('label.advanced-configuration')} key="1">
+            <Collapse
-              {advancedProperties.map((element, index) => (
+              className="advanced-properties-collapse"
-                <div
+              expandIconPosition="right">
-                  className={classNames('property-wrapper', {
+              <Panel header={t('label.advanced')} key="1">
-                    'additional-fields': schema.additionalProperties,
+                {advancedProperties.map((element, index) => (
-                  })}
+                  <div
-                  key={`${element.content.key}-${index}`}>
+                    className={classNames('property-wrapper', {
-                  {element.content}
+                      'additional-fields': schema.additionalProperties,
-                </div>
+                    })}
-              ))}
+                    key={`${element.content.key}-${index}`}>
-            </Panel>
+                    {element.content}
-          </Collapse>
+                  </div>
+                ))}
+              </Panel>
+            </Collapse>
+          </>
         )}
       </Fragment>
     );

openmetadata-ui/src/main/resources/ui/src/components/JSONSchemaTemplate/object-field-template.less

@@ -12,12 +12,15 @@
  */
 .advanced-properties-collapse {
   .ant-collapse-item {
-    .ant-collapse-header,
+    .ant-collapse-content {
-    .ant-collapse-content > .ant-collapse-content-box {
+      background-color: inherit;
-      padding: 0px;
+      border-top: none;
     }
     .ant-collapse-content > .ant-collapse-content-box {
       padding-left: 20px;
     }
+    .ant-collapse-header > .ant-collapse-header-text {
+      font-size: 16px;
+    }
   }
 }

openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json

@@ -33,6 +33,7 @@
     "admin": "Admin",
     "admin-plural": "Admins",
     "admin-profile": "Admin profile",
+    "advanced": "Advanced",
     "advanced-configuration": "Advanced Configuration",
     "advanced-entity": "Advanced {{entity}}",
     "advanced-search": "Advanced Search",

openmetadata-ui/src/main/resources/ui/src/locale/languages/es-es.json

@@ -33,6 +33,7 @@
     "admin": "Administrador",
     "admin-plural": "Administradores",
     "admin-profile": "Perfil de administrador",
+    "advanced": "Advanced",
     "advanced-configuration": "Advanced Configuration",
     "advanced-entity": "{{entity}} avanzado",
     "advanced-search": "Advanced Search",

openmetadata-ui/src/main/resources/ui/src/locale/languages/fr-fr.json

@@ -33,6 +33,7 @@
     "admin": "Admin",
     "admin-plural": "Admins",
     "admin-profile": "Profile admin",
+    "advanced": "Advanced",
     "advanced-configuration": "Advanced Configuration",
     "advanced-entity": "{{entity}} Avancée",
     "advanced-search": "Recherche Avancée",

openmetadata-ui/src/main/resources/ui/src/locale/languages/ja-jp.json

@@ -33,6 +33,7 @@
     "admin": "管理者",
     "admin-plural": "管理者",
     "admin-profile": "管理者のプロファイル",
+    "advanced": "Advanced",
     "advanced-configuration": "Advanced Configuration",
     "advanced-entity": "高度な{{entity}}",
     "advanced-search": "Advanced Search",

openmetadata-ui/src/main/resources/ui/src/locale/languages/pt-br.json

@@ -33,6 +33,7 @@
     "admin": "Administrador",
     "admin-plural": "Administradores",
     "admin-profile": "Perfil de administrador",
+    "advanced": "Advanced",
     "advanced-configuration": "Advanced Configuration",
     "advanced-entity": "Entidade avançada",
     "advanced-search": "Advanced Search",

openmetadata-ui/src/main/resources/ui/src/locale/languages/zh-cn.json

@@ -33,6 +33,7 @@
     "admin": "管理员",
     "admin-plural": "管理员",
     "admin-profile": "管理员资料",
+    "advanced": "Advanced",
     "advanced-configuration": "Advanced Configuration",
     "advanced-entity": "高级{{entity}}",
     "advanced-search": "高级搜索",