From 28098cda1fec2220b5e33c8c58f6238335c812a6 Mon Sep 17 00:00:00 2001 From: Darcy Ye Date: Thu, 16 Mar 2023 18:42:52 +0800 Subject: [PATCH] fix(console): correct display format (#3438) --- .../tabs/Branding/CustomCssForm.tsx | 37 +++++++++++-------- .../translation/admin-console/sign-in-exp.ts | 3 +- .../translation/admin-console/sign-in-exp.ts | 3 +- .../translation/admin-console/sign-in-exp.ts | 4 +- .../translation/admin-console/sign-in-exp.ts | 4 +- .../translation/admin-console/sign-in-exp.ts | 4 +- .../translation/admin-console/sign-in-exp.ts | 4 +- .../translation/admin-console/sign-in-exp.ts | 4 +- .../translation/admin-console/sign-in-exp.ts | 3 +- 9 files changed, 42 insertions(+), 24 deletions(-) diff --git a/packages/console/src/pages/SignInExperience/tabs/Branding/CustomCssForm.tsx b/packages/console/src/pages/SignInExperience/tabs/Branding/CustomCssForm.tsx index 875f79f41..25a84af20 100644 --- a/packages/console/src/pages/SignInExperience/tabs/Branding/CustomCssForm.tsx +++ b/packages/console/src/pages/SignInExperience/tabs/Branding/CustomCssForm.tsx @@ -22,22 +22,27 @@ const CustomCssForm = () => { ( - - ), - }} - > - {t('sign_in_exp.custom_css.css_code_editor_description', { - link: t('sign_in_exp.custom_css.css_code_editor_description_link_content'), - })} - + <> +
{t('sign_in_exp.custom_css.css_code_editor_description1')}
+
+ + ), + }} + > + {t('sign_in_exp.custom_css.css_code_editor_description2', { + link: t('sign_in_exp.custom_css.css_code_editor_description_link_content'), + })} + +
+ )} > {{link}}', // UNTRANSLATED + css_code_editor_description1: 'See the example of Custom CSS.', // UNTRANSLATED + css_code_editor_description2: '{{link}}', // UNTRANSLATED css_code_editor_description_link_content: 'Learn more', // UNTRANSLATED css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', // UNTRANSLATED diff --git a/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts index 10a06cff2..66c07a431 100644 --- a/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts @@ -44,7 +44,8 @@ const sign_in_exp = { custom_css: { title: 'CUSTOM CSS', css_code_editor_title: 'Personalize your UI with Custom CSS', - css_code_editor_description: 'See the example of Custom CSS. {{link}}', + css_code_editor_description1: 'See the example of Custom CSS.', + css_code_editor_description2: '{{link}}', css_code_editor_description_link_content: 'Learn more', css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', diff --git a/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts index c28c7a675..3005c9814 100644 --- a/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts @@ -46,7 +46,9 @@ const sign_in_exp = { custom_css: { title: 'CUSTOM CSS', // UNTRANSLATED css_code_editor_title: 'Personalize your UI with Custom CSS', // UNTRANSLATED - css_code_editor_description: 'See the example of Custom CSS. {{link}}', // UNTRANSLATED + css_code_editor_description1: 'See the example of Custom CSS.', // UNTRANSLATED + css_code_editor_description2: '{{link}}', // UNTRANSLATED + css_code_editor_description_link_content: 'Learn more', // UNTRANSLATED css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', // UNTRANSLATED diff --git a/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts index 0a466aeaf..1e8d6a0c0 100644 --- a/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts @@ -42,7 +42,9 @@ const sign_in_exp = { custom_css: { title: 'CUSTOM CSS', // UNTRANSLATED css_code_editor_title: 'Personalize your UI with Custom CSS', // UNTRANSLATED - css_code_editor_description: 'See the example of Custom CSS. {{link}}', // UNTRANSLATED + css_code_editor_description1: 'See the example of Custom CSS.', // UNTRANSLATED + css_code_editor_description2: '{{link}}', // UNTRANSLATED + css_code_editor_description_link_content: 'Learn more', // UNTRANSLATED css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', // UNTRANSLATED diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts index 7f60d64f7..a727d96d2 100644 --- a/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts @@ -45,7 +45,9 @@ const sign_in_exp = { custom_css: { title: 'CUSTOM CSS', // UNTRANSLATED css_code_editor_title: 'Personalize your UI with Custom CSS', // UNTRANSLATED - css_code_editor_description: 'See the example of Custom CSS. {{link}}', // UNTRANSLATED + css_code_editor_description1: 'See the example of Custom CSS.', // UNTRANSLATED + css_code_editor_description2: '{{link}}', // UNTRANSLATED + css_code_editor_description_link_content: 'Learn more', // UNTRANSLATED css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', // UNTRANSLATED diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts index c892d0f53..f0147183c 100644 --- a/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts @@ -44,7 +44,9 @@ const sign_in_exp = { custom_css: { title: 'CUSTOM CSS', // UNTRANSLATED css_code_editor_title: 'Personalize your UI with Custom CSS', // UNTRANSLATED - css_code_editor_description: 'See the example of Custom CSS. {{link}}', // UNTRANSLATED + css_code_editor_description1: 'See the example of Custom CSS.', // UNTRANSLATED + css_code_editor_description2: '{{link}}', // UNTRANSLATED + css_code_editor_description_link_content: 'Learn more', // UNTRANSLATED css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', // UNTRANSLATED diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts index 7e4af8ee7..c0f137d85 100644 --- a/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts @@ -45,7 +45,9 @@ const sign_in_exp = { custom_css: { title: 'CUSTOM CSS', // UNTRANSLATED css_code_editor_title: 'Personalize your UI with Custom CSS', // UNTRANSLATED - css_code_editor_description: 'See the example of Custom CSS. {{link}}', // UNTRANSLATED + css_code_editor_description1: 'See the example of Custom CSS.', // UNTRANSLATED + css_code_editor_description2: '{{link}}', // UNTRANSLATED + css_code_editor_description_link_content: 'Learn more', // UNTRANSLATED css_code_editor_content_placeholder: '// Enter your Custom CSS code to tailor the styles of color, font, components, and layout... of Sign-in, Create-account, Forgot-Password, and other pages to your exact specifications. Express your creativity and make your UI stand out.', // UNTRANSLATED diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts index e7be2ac74..45c1cef70 100644 --- a/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts +++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts @@ -43,7 +43,8 @@ const sign_in_exp = { custom_css: { title: '自定义 CSS', css_code_editor_title: '自定义 CSS 个性化你的用户界面', - css_code_editor_description: '查看自定义 CSS 的例子。 {{link}}', + css_code_editor_description1: '查看自定义 CSS 的例子。', + css_code_editor_description2: '{{link}}', css_code_editor_description_link_content: '了解更多', css_code_editor_content_placeholder: '// 输入自定义 CSS 代码，从颜色、字体、组件样式和布局等，定制你的登录、注册、忘记密码和其他页面。充分发挥创造力，让你的用户界面脱颖而出。',