mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 01:25:52 -05:00
Fix form styling for project edit fields
This commit is contained in:
parent
d9fa10316b
commit
f133f29353
2 changed files with 14 additions and 2 deletions
|
@ -219,7 +219,10 @@ const PreviewPresentation = ({
|
|||
<FormattedMessage id="project.instructionsLabel" />
|
||||
</div>
|
||||
{editable ?
|
||||
<Formsy onKeyPress={onKeyPress}>
|
||||
<Formsy
|
||||
className="project-description-form"
|
||||
onKeyPress={onKeyPress}
|
||||
>
|
||||
<InplaceInput
|
||||
className={classNames(
|
||||
'project-description-edit',
|
||||
|
@ -252,7 +255,10 @@ const PreviewPresentation = ({
|
|||
<FormattedMessage id="project.notesAndCreditsLabel" />
|
||||
</div>
|
||||
{editable ?
|
||||
<Formsy onKeyPress={onKeyPress}>
|
||||
<Formsy
|
||||
className="project-description-form"
|
||||
onKeyPress={onKeyPress}
|
||||
>
|
||||
<InplaceInput
|
||||
className={classNames(
|
||||
'project-description-edit',
|
||||
|
|
|
@ -337,6 +337,12 @@ $stage-width: 480px;
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.project-description-form {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.project-description-edit {
|
||||
display: flex;
|
||||
margin-bottom: .75rem;
|
||||
|
|
Loading…
Reference in a new issue