Merge pull request #12979 from strapi/enh/registration-text

[Registration Page] Text and padding improvements
This commit is contained in:
ronronscelestes 2022-03-28 18:59:16 +02:00 committed by GitHub
commit 9afc313f49
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 20 additions and 20 deletions

View File

@ -40,7 +40,7 @@ const UnauthenticatedLayout = ({ children }) => {
<LocaleToggle /> <LocaleToggle />
</Box> </Box>
</Flex> </Flex>
<Box paddingTop={11} paddingBottom={11}> <Box paddingTop={2} paddingBottom={11}>
{children} {children}
</Box> </Box>
</div> </div>

View File

@ -33,7 +33,7 @@ describe('ADMIN | PAGES | AUTH | Oops', () => {
} }
.c9 { .c9 {
padding-top: 64px; padding-top: 8px;
padding-bottom: 64px; padding-bottom: 64px;
} }

View File

@ -143,7 +143,7 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
<Typography as="h1" variant="alpha"> <Typography as="h1" variant="alpha">
{formatMessage({ {formatMessage({
id: 'Auth.form.welcome.title', id: 'Auth.form.welcome.title',
defaultMessage: 'Welcome!', defaultMessage: 'Welcome to Strapi!',
})} })}
</Typography> </Typography>
</Box> </Box>
@ -152,12 +152,12 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
{formatMessage({ {formatMessage({
id: 'Auth.form.register.subtitle', id: 'Auth.form.register.subtitle',
defaultMessage: defaultMessage:
'Your credentials are only used to authenticate yourself on the admin panel. All saved data will be stored in your own database.', 'Credentials are only used to authenticate in Strapi. All saved data will be stored in your database.',
})} })}
</Typography> </Typography>
</CenteredBox> </CenteredBox>
</Column> </Column>
<Stack spacing={7}> <Stack spacing={6}>
<Grid gap={4}> <Grid gap={4}>
<GridItem col={6}> <GridItem col={6}>
<TextInput <TextInput
@ -227,7 +227,7 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
hint={formatMessage({ hint={formatMessage({
id: 'Auth.form.password.hint', id: 'Auth.form.password.hint',
defaultMessage: defaultMessage:
'Password must contain at least 8 characters, 1 uppercase, 1 lowercase and 1 number', 'Must be at least 8 characters, 1 uppercase, 1 lowercase & 1 number',
})} })}
required required
label={formatMessage({ label={formatMessage({
@ -284,7 +284,7 @@ const Register = ({ authType, fieldsToDisable, noSignin, onSubmit, schema }) =>
{ {
id: 'Auth.form.register.news.label', id: 'Auth.form.register.news.label',
defaultMessage: defaultMessage:
'Keep me updated about the new features and upcoming improvements (by doing this you accept the {terms} and the {policy}).', 'Keep me updated about new features & upcoming improvements (by doing this you accept the {terms} and the {policy}).',
}, },
{ {
terms: ( terms: (

View File

@ -38,7 +38,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
} }
.c9 { .c9 {
padding-top: 64px; padding-top: 8px;
padding-bottom: 64px; padding-bottom: 64px;
} }
@ -77,7 +77,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
} }
.c21 > * + * { .c21 > * + * {
margin-top: 32px; margin-top: 24px;
} }
.c12:focus-visible { .c12:focus-visible {
@ -876,7 +876,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
<h1 <h1
class="c17" class="c17"
> >
Welcome! Welcome to Strapi!
</h1> </h1>
</div> </div>
<div <div
@ -885,13 +885,13 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
<span <span
class="c20" class="c20"
> >
Your credentials are only used to authenticate yourself on the admin panel. All saved data will be stored in your own database. Credentials are only used to authenticate in Strapi. All saved data will be stored in your database.
</span> </span>
</div> </div>
</div> </div>
<div <div
class="c21" class="c21"
spacing="7" spacing="6"
> >
<div <div
class="c22" class="c22"
@ -1081,7 +1081,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
class="c37" class="c37"
id="textinput-4-hint" id="textinput-4-hint"
> >
Password must contain at least 8 characters, 1 uppercase, 1 lowercase and 1 number Must be at least 8 characters, 1 uppercase, 1 lowercase & 1 number
</p> </p>
</div> </div>
</div> </div>
@ -1164,7 +1164,7 @@ describe('ADMIN | PAGES | AUTH | Register', () => {
<div <div
class="c42" class="c42"
> >
Keep me updated about the new features and upcoming improvements (by doing this you accept the Keep me updated about new features & upcoming improvements (by doing this you accept the
<a <a
class="c43" class="c43"
href="https://strapi.io/terms" href="https://strapi.io/terms"

View File

@ -38,7 +38,7 @@ describe('ADMIN | PAGES | AUTH | ResetPassword', () => {
} }
.c9 { .c9 {
padding-top: 64px; padding-top: 8px;
padding-bottom: 64px; padding-bottom: 64px;
} }

View File

@ -58,7 +58,7 @@ describe('Admin | UseCasePage', () => {
} }
.c9 { .c9 {
padding-top: 64px; padding-top: 8px;
padding-bottom: 64px; padding-bottom: 64px;
} }

View File

@ -36,15 +36,15 @@
"Auth.form.lastname.label": "Last name", "Auth.form.lastname.label": "Last name",
"Auth.form.lastname.placeholder": "e.g. Doe", "Auth.form.lastname.placeholder": "e.g. Doe",
"Auth.form.password.hide-password": "Hide password", "Auth.form.password.hide-password": "Hide password",
"Auth.form.password.hint": "Password must contain at least 8 characters, 1 uppercase, 1 lowercase, and 1 number", "Auth.form.password.hint": "Must be at least 8 characters, 1 uppercase, 1 lowercase & 1 number",
"Auth.form.password.show-password": "Show password", "Auth.form.password.show-password": "Show password",
"Auth.form.register.news.label": "Keep me updated about the new features and upcoming improvements (by doing this you accept the {terms} and the {policy}).", "Auth.form.register.news.label": "Keep me updated about new features & upcoming improvements (by doing this you accept the {terms} and the {policy}).",
"Auth.form.register.subtitle": "Your credentials are only used to authenticate yourself on the admin panel. All saved data will be stored in your own database.", "Auth.form.register.subtitle": "Credentials are only used to authenticate in Strapi. All saved data will be stored in your database.",
"Auth.form.rememberMe.label": "Remember me", "Auth.form.rememberMe.label": "Remember me",
"Auth.form.username.label": "Username", "Auth.form.username.label": "Username",
"Auth.form.username.placeholder": "e.g. Kai_Doe", "Auth.form.username.placeholder": "e.g. Kai_Doe",
"Auth.form.welcome.subtitle": "Log in to your Strapi account", "Auth.form.welcome.subtitle": "Log in to your Strapi account",
"Auth.form.welcome.title": "Welcome!", "Auth.form.welcome.title": "Welcome to Strapi!",
"Auth.link.forgot-password": "Forgot your password?", "Auth.link.forgot-password": "Forgot your password?",
"Auth.link.ready": "Ready to sign in?", "Auth.link.ready": "Ready to sign in?",
"Auth.link.signin": "Sign in", "Auth.link.signin": "Sign in",