scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 01:25:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #610 from mewtaylor/cleanup/teacher-styling

Browse source 
styling cleanup for teacher registration
This commit is contained in:
Matthew Taylor 2016-06-24 11:25:25 -04:00 committed by GitHub
commit ef881a07f9
7 changed files with 194 additions and 197 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/components/deck/deck.scss
View file

@ -14,14 +14,14 @@
.step-navigation {
margin-top: 2rem;
}
text-align: center;
}
.slide {
max-width: 28.75rem;
h2,
p {
.description {
text-align: center;
color: $type-white;
}
@ -35,16 +35,6 @@
.card {
margin: 0 auto;
width: 23.75rem;
&,
h2,
p {
color: $type-gray;
}
}
.step-navigation {
text-align: center;
}
.form {
@ -118,8 +108,10 @@
content: "";
}
}
}
@media only screen and (max-width: $mobile - 1) {
.deck {
.card {
width: 22.5rem;
}
@ -132,14 +124,18 @@
}
}
}
}
@media only screen and (max-width: $tablet - 1) {
.deck {
.input {
width: 90%;
}
}
}
@media only screen and (max-width: $desktop - 1) {
.deck {
.help-block {
position: relative;
transform: none;
@ -152,3 +148,4 @@
}
}
}
}

4
src/components/forms/charcount.scss
View file

@ -1,7 +1,6 @@
@import "../../colors";
p {
&.char-count {
.char-count {
letter-spacing: 1px;
color: lighten($type-gray, 30%);
font-weight: 500;
@ -10,4 +9,3 @@ p {
color: $ui-orange;
}
}
}

2
src/components/forms/checkbox-group.scss
View file

@ -1,4 +1,5 @@
.checkbox-group {
.row {
.col-sm-9 {
flex-flow: column wrap;
@ -7,3 +8,4 @@
}
}
}
}

4
src/components/forms/checkbox.scss
View file

@ -6,8 +6,6 @@
label {
font-weight: 300;
}
}
}
input {
&[type=checkbox] {
@ -41,3 +39,5 @@ input {
}
}
}
}
}

2
src/components/forms/radio-group.scss
View file

@ -6,7 +6,6 @@
font-weight: 300;
}
}
}
.col-sm-9 {
display: flex;
@ -44,3 +43,4 @@
}
}
}
}

2
src/components/forms/select.scss
View file

@ -5,7 +5,6 @@
label {
font-weight: 500;
}
}
select {
transition: all .5s ease;
@ -36,3 +35,4 @@ select {
width: 100%;
}
}
}

8
src/components/registration/steps.jsx
View file

@ -291,7 +291,7 @@ module.exports = {
<h2>
<intl.FormattedMessage id="teacherRegistration.phoneStepTitle" />
</h2>
<p>
<p className="description">
<intl.FormattedMessage id="teacherRegistration.phoneStepDescription" />
<Tooltip title={'?'}
tipContent={formatMessage({id: 'teacherRegistration.nameStepTooltip'})} />
@ -359,7 +359,7 @@ module.exports = {
<h2>
<intl.FormattedMessage id="teacherRegistration.orgStepTitle" />
</h2>
<p>
<p className="description">
<intl.FormattedMessage id="teacherRegistration.orgStepDescription" />
<Tooltip title={'?'}
tipContent={formatMessage({id: 'teacherRegistration.nameStepTooltip'})} />
@ -448,7 +448,7 @@ module.exports = {
return this.props.onNextStep(formData);
} else {
return invalidate({
'all': <FormattedMessage id="teacherRegistration.addressValidationError" />
'all': <intl.FormattedMessage id="teacherRegistration.addressValidationError" />
});
}
}.bind(this));
@ -693,7 +693,7 @@ module.exports = {
<Slide className="error-step">
<h2>Something went wrong</h2>
<Card>
<h2>There was an error while processing your registration</h2>
<h4>There was an error while processing your registration</h4>
<p>
{this.props.registrationError}
</p>