Merge pull request #12464 from strapi/hotfix/ctb-add-component-typo

DynamicZoneList: fix cta typography
This commit is contained in:
Gustav Hansen 2022-02-10 18:13:47 +01:00 committed by GitHub
commit c106d19dd5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 33 deletions

View File

@ -80,7 +80,7 @@ function DynamicZoneList({ customRowComponent, components, addComponent, name, t
<button type="button" onClick={handleClickAdd}> <button type="button" onClick={handleClickAdd}>
<ComponentStack size={1}> <ComponentStack size={1}>
<StyledAddIcon /> <StyledAddIcon />
<Typography varian="pi" fontWeight="bold" textColor="primary600"> <Typography variant="pi" fontWeight="bold" textColor="primary600">
{formatMessage({ {formatMessage({
id: getTrad('button.component.add'), id: getTrad('button.component.add'),
formatMessage: 'Add a component', formatMessage: 'Add a component',

View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<ListView /> renders and matches the snapshot 1`] = ` exports[`<ListView /> renders and matches the snapshot 1`] = `
.c81 { .c80 {
border: 0; border: 0;
-webkit-clip: rect(0 0 0 0); -webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
@ -566,24 +566,24 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
margin-left: 4px; margin-left: 4px;
} }
.c72 { .c71 {
background: #eaeaef; background: #eaeaef;
} }
.c74 { .c73 {
background: #f0f0ff; background: #f0f0ff;
padding: 20px; padding: 20px;
} }
.c77 { .c76 {
background: #d9d8ff; background: #d9d8ff;
} }
.c79 { .c78 {
padding-left: 12px; padding-left: 12px;
} }
.c76 { .c75 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -597,20 +597,20 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
align-items: center; align-items: center;
} }
.c73 { .c72 {
height: 1px; height: 1px;
border: none; border: none;
margin: 0; margin: 0;
} }
.c80 { .c79 {
font-weight: 600; font-weight: 600;
color: #4945ff; color: #4945ff;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1.33; line-height: 1.33;
} }
.c78 { .c77 {
height: 1.5rem; height: 1.5rem;
width: 1.5rem; width: 1.5rem;
border-radius: 50%; border-radius: 50%;
@ -628,16 +628,16 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
align-items: center; align-items: center;
} }
.c78 svg { .c77 svg {
height: 0.625rem; height: 0.625rem;
width: 0.625rem; width: 0.625rem;
} }
.c78 svg path { .c77 svg path {
fill: #4945ff; fill: #4945ff;
} }
.c75 { .c74 {
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
display: block; display: block;
width: 100%; width: 100%;
@ -675,8 +675,8 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
.c57 { .c57 {
font-weight: 600; font-weight: 600;
color: #4945ff; color: #4945ff;
font-size: 0.875rem; font-size: 0.75rem;
line-height: 1.43; line-height: 1.33;
} }
.c64 { .c64 {
@ -690,13 +690,6 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
line-height: 1.33; line-height: 1.33;
} }
.c71 {
font-weight: 600;
color: #4945ff;
font-size: 0.75rem;
line-height: 1.33;
}
.c5 { .c5 {
color: #4945ff; color: #4945ff;
font-weight: 600; font-weight: 600;
@ -4025,7 +4018,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
class="c48" class="c48"
> >
<span <span
class="c28 c71" class="c28 c57"
> >
Add another field to this component Add another field to this component
</span> </span>
@ -4847,7 +4840,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
class="c48" class="c48"
> >
<span <span
class="c28 c71" class="c28 c57"
> >
Add another field to this component Add another field to this component
</span> </span>
@ -6106,7 +6099,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
class="c48" class="c48"
> >
<span <span
class="c28 c71" class="c28 c57"
> >
Add another field to this component Add another field to this component
</span> </span>
@ -6547,7 +6540,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
class="c48" class="c48"
> >
<span <span
class="c28 c71" class="c28 c57"
> >
Add another field to this component Add another field to this component
</span> </span>
@ -6568,17 +6561,17 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
</div> </div>
<div> <div>
<hr <hr
class="c72 c73" class="c71 c72"
/> />
<button <button
class="c74 c75" class="c73 c74"
> >
<div <div
class="c76" class="c75"
> >
<div <div
aria-hidden="true" aria-hidden="true"
class="c77 c78" class="c76 c77"
> >
<svg <svg
fill="none" fill="none"
@ -6594,10 +6587,10 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
</svg> </svg>
</div> </div>
<div <div
class="c79" class="c78"
> >
<span <span
class="c80" class="c79"
> >
Add another field to this collection type Add another field to this collection type
</span> </span>
@ -6610,7 +6603,7 @@ exports[`<ListView /> renders and matches the snapshot 1`] = `
</div> </div>
</div> </div>
<div <div
class="c81" class="c80"
> >
<p <p
aria-live="polite" aria-live="polite"