Skip to content

Commit 329628a

Browse files
bernardodiascbernardodiasc
authored
"Version-6.4.0" release (#562)
* Fix Milestones responsiveness on SignupScreen (#560) * Add styles for regular P and A tags in SignupForm (#561) * Add styles for regular P and A tags in SignupForm * Update SignupForm stories
1 parent 1f868f4 commit 329628a

File tree

7 files changed

+73
-28
lines changed

7 files changed

+73
-28
lines changed

‎lib/all.js

Lines changed: 16 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/all.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/registration.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎lib/registration.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/ui/SignupForm.js

Lines changed: 27 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,36 @@
44
import React from 'react'
55
import cmz from 'cmz'
66

7-
import { breakpoints } from '../../styles/theme'
7+
import theme, { breakpoints } from '../../styles/theme'
88
import typo from '../../styles/typo'
99

1010
const cx = {
11-
form: cmz(`
12-
width: 500px
13-
max-width: 100%
14-
margin: 0 auto
15-
flex: 1
16-
`),
11+
form: cmz(
12+
typo.baseText,
13+
`
14+
& {
15+
width: 500px
16+
max-width: 100%
17+
margin: 0 auto
18+
flex: 1
19+
font-size: 16px
20+
line-height: 1.4
21+
color: ${theme.typoGrayed}
22+
}
23+
24+
& p {
25+
margin: 12px 0
26+
}
27+
28+
& a {
29+
color: ${theme.typoGrayed}
30+
}
31+
32+
& a:hover {
33+
text-decoration: none
34+
}
35+
`
36+
),
1737

1838
padded: cmz(`
1939
& {

‎src/components/ui/SignupForm.stories.js

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,6 +110,30 @@ storiesOf('UI Components|SignupForm/Debug', module)
110110
</SignupForm>
111111
</Body>
112112
))
113+
.add('with paragraphs', () => (
114+
<Body>
115+
<SignupForm
116+
title='Work Experience'
117+
hasPadding
118+
>
119+
<InputSection
120+
headline='Lorem ipsum dolor sit amet'
121+
description='Sed dui metus, pretium vel justo at, malesuada viverra sapien.'
122+
>
123+
<InputField placeholder='Input field' />
124+
</InputSection>
125+
<InputSection
126+
headline='Lorem ipsum dolor sit amet'
127+
description='Sed dui metus, pretium vel justo at, malesuada viverra sapien.'
128+
>
129+
<InputField type='textarea' placeholder='Textarea field' />
130+
</InputSection>
131+
<Button block wide size='large'>Continue »</Button>
132+
<p>Thi is an example of how a regular P tag looks like.</p>
133+
<p><a href='https://x-team.com/blog/privacy-policy/' target='_blank' rel='nofollow'>And this is how an A tag looks like.</a></p>
134+
</SignupForm>
135+
</Body>
136+
))
113137
.add('missing props', () => (
114138
<SignupForm />
115139
))

‎src/components/ui/SignupScreen.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,8 @@ const cx = {
5252
`),
5353

5454
milestones: cmz(`
55-
width: 500px
55+
width: 100%
56+
max-width: 500px
5657
padding: 32px 0 24px
5758
margin: 0 auto
5859
`),

0 commit comments

Comments
 (0)