scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-30 02:56:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

gender step passes a descriptionClassName

Browse source
This commit is contained in:
Ben Wheeler 2019-08-19 01:23:42 +02:00
parent 69d509fdef
commit b7f5d9359c
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -81,6 +81,7 @@ class GenderStep extends React.Component {
return ( return (
<JoinFlowStep <JoinFlowStep
description={this.props.intl.formatMessage({id: 'registration.genderStepDescription'})} description={this.props.intl.formatMessage({id: 'registration.genderStepDescription'})}
descriptionClassName="join-flow-gender-description"
infoMessage={this.props.intl.formatMessage({id: 'registration.genderStepInfo'})} infoMessage={this.props.intl.formatMessage({id: 'registration.genderStepInfo'})}
innerClassName="join-flow-inner-gender-step" innerClassName="join-flow-inner-gender-step"
title={this.props.intl.formatMessage({id: 'registration.genderStepTitle'})} title={this.props.intl.formatMessage({id: 'registration.genderStepTitle'})}

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

@ -86,6 +86,7 @@
/* need height so that flex will adjust children proportionately */ /* need height so that flex will adjust children proportionately */
height: 27.375rem; height: 27.375rem;
padding-top: 2.5rem; padding-top: 2.5rem;
padding-bottom: 1.5rem;
} }
.join-flow-inner-country-step { .join-flow-inner-country-step {
@ -100,6 +101,11 @@
padding-top: 3rem; padding-top: 3rem;
} }
.join-flow-gender-description {
margin-top: .625rem;
margin-bottom: 1.25rem;
}
.gender-radio-row { .gender-radio-row {
transition: all .125s ease; transition: all .125s ease;
width: 20.875rem; width: 20.875rem;