adjust email step vertical spacing, redo its footer

This commit is contained in:
Ben Wheeler 2019-09-15 17:22:25 -04:00
parent 31d8189e54
commit 4341d364d4
4 changed files with 17 additions and 12 deletions

View file

@ -60,6 +60,7 @@ const JoinFlowStep = ({
{children} {children}
</ModalInnerContent> </ModalInnerContent>
</div> </div>
<div>
{footerContent && ( {footerContent && (
<div className="join-flow-footer-message"> <div className="join-flow-footer-message">
{footerContent} {footerContent}
@ -70,6 +71,7 @@ const JoinFlowStep = ({
waiting={waiting} waiting={waiting}
/> />
</div> </div>
</div>
</form> </form>
); );

View file

@ -50,7 +50,7 @@
.join-flow-footer-message { .join-flow-footer-message {
width: 100%; width: 100%;
padding: 1.125rem 1.5rem 1.125rem; padding: 0.875rem 1.5rem;
background-color: $ui-blue-25percent; background-color: $ui-blue-25percent;
font-size: .75rem; font-size: .75rem;
font-weight: 600; font-weight: 600;

View file

@ -126,7 +126,9 @@
} }
.join-flow-inner-email-step { .join-flow-inner-email-step {
padding-top: 3rem; padding-top: 1.25rem;
padding-bottom: 0;
min-height: 16.625rem;
} }
.join-flow-inner-welcome-step { .join-flow-inner-welcome-step {
@ -203,7 +205,7 @@
.join-flow-email-checkbox-row { .join-flow-email-checkbox-row {
font-size: .75rem; font-size: .75rem;
margin: .25rem .125rem; margin: 1.5rem .125rem .25rem;
} }
a.join-flow-link:link, a.join-flow-link:visited, a.join-flow-link:active { a.join-flow-link:link, a.join-flow-link:visited, a.join-flow-link:active {

View file

@ -169,6 +169,7 @@
"registration.genderOptionAnother": "Another gender:", "registration.genderOptionAnother": "Another gender:",
"registration.genderOptionPreferNotToSay": "Prefer not to say", "registration.genderOptionPreferNotToSay": "Prefer not to say",
"registration.emailStepTitle": "What's your email?", "registration.emailStepTitle": "What's your email?",
"registration.emailStepInfo": "NEED EMAIL STEP HERE",
"registration.goToClass": "Go to Class", "registration.goToClass": "Go to Class",
"registration.invitedBy": "invited by", "registration.invitedBy": "invited by",
"registration.lastStepTitle": "Thank you for requesting a Scratch Teacher Account", "registration.lastStepTitle": "Thank you for requesting a Scratch Teacher Account",