Merge pull request #6446 from mxmou/teacher-registration-label-font-weight

Use font weight bold consistently for teacher registration form labels
This commit is contained in:
Sarah Otts 2022-01-27 17:11:26 -05:00 committed by GitHub
commit 1dc4881080
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 3 deletions

View file

@ -11,7 +11,7 @@ require('./radio-group.scss');
const RadioGroup = props => ( const RadioGroup = props => (
<FRCRadioGroup <FRCRadioGroup
className={classNames('radio-group', props.className)} rowClassName={classNames('radio-group', props.className)}
{... props} {... props}
/> />
); );

View file

@ -792,7 +792,7 @@ class OrganizationStep extends React.Component {
}} }}
/> />
<div className="organization-type"> <div className="organization-type">
<b><intl.FormattedMessage id="teacherRegistration.orgType" /></b> <b className="row-label"><intl.FormattedMessage id="teacherRegistration.orgType" /></b>
<p className="help-text"> <p className="help-text">
<intl.FormattedMessage id="teacherRegistration.checkAll" /> <intl.FormattedMessage id="teacherRegistration.checkAll" />
</p> </p>
@ -833,7 +833,7 @@ class OrganizationStep extends React.Component {
/> />
</div> </div>
<div className="url-input"> <div className="url-input">
<b><intl.FormattedMessage id="general.website" /></b> <b className="row-label"><intl.FormattedMessage id="general.website" /></b>
<p className="help-text"> <p className="help-text">
<intl.FormattedMessage id="teacherRegistration.notRequired" /> <intl.FormattedMessage id="teacherRegistration.notRequired" />
</p> </p>

View file

@ -26,6 +26,18 @@
} }
} }
.row {
label {
font-weight: bold;
}
.checkbox {
label {
font-weight: 300;
}
}
}
.help-text { .help-text {
margin: .25rem 0; margin: .25rem 0;
text-align: left; text-align: left;
@ -66,6 +78,10 @@
&.demographics-step { &.demographics-step {
.radio { .radio {
margin: 1.5rem 1.5rem 0 0; margin: 1.5rem 1.5rem 0 0;
label {
font-weight: 300;
}
} }
input[type="radio"] { input[type="radio"] {