scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-22 23:27:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

improve top and bottom positioning for multiple steps

Browse source
This commit is contained in:
Ben Wheeler 2019-08-21 03:57:07 +02:00
parent ae8f5a1e90
commit 01941b16de
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/join-flow/country-step.jsx
View file

@ -68,6 +68,7 @@ class CountryStep extends React.Component {
return (
<JoinFlowStep
description={this.props.intl.formatMessage({id: 'registration.countryStepDescription'})}
descriptionClassName="join-flow-country-description"
headerImgSrc="/images/join-flow/country-header.png"
innerClassName="join-flow-inner-country-step"
title={this.props.intl.formatMessage({id: 'registration.countryStepTitle'})}

14
src/components/join-flow/join-flow-steps.scss
View file

@ -79,7 +79,8 @@
}
.join-flow-inner-birthdate-step {
padding-top: 3.5rem;
padding-top: 1rem;
padding-bottom: 2.25rem;
}
.join-flow-inner-gender-step {
@ -90,7 +91,8 @@
}
.join-flow-inner-country-step {
padding-top: 3.25rem;
padding-top: 1rem;
padding-bottom: 2rem;
}
.join-flow-inner-email-step {
@ -102,8 +104,10 @@
}
.join-flow-birthdate-description {
margin-left: -.5rem;
margin-top: 1.25rem;
margin-right: -.5rem;
margin-bottom: 2rem;
margin-left: -.5rem;
}
.join-flow-gender-description {
@ -111,6 +115,10 @@
margin-bottom: 1.25rem;
}
.join-flow-country-description {
margin-top: 1rem;
}
.gender-radio-row {
transition: all .125s ease;
width: 20.875rem;