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

Fix form styling for project edit fields

Browse source
This commit is contained in:
Paul Kaplan 2018-10-25 11:38:27 -04:00
parent d9fa10316b
commit f133f29353
2 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/views/preview/presentation.jsx
View file

@ -219,7 +219,10 @@ const PreviewPresentation = ({
<FormattedMessage id="project.instructionsLabel" /> <FormattedMessage id="project.instructionsLabel" />
</div> </div>
{editable ? {editable ?
<Formsy onKeyPress={onKeyPress}> <Formsy
className="project-description-form"
onKeyPress={onKeyPress}
>
<InplaceInput <InplaceInput
className={classNames( className={classNames(
'project-description-edit', 'project-description-edit',
@ -252,7 +255,10 @@ const PreviewPresentation = ({
<FormattedMessage id="project.notesAndCreditsLabel" /> <FormattedMessage id="project.notesAndCreditsLabel" />
</div> </div>
{editable ? {editable ?
<Formsy onKeyPress={onKeyPress}> <Formsy
className="project-description-form"
onKeyPress={onKeyPress}
>
<InplaceInput <InplaceInput
className={classNames( className={classNames(
'project-description-edit', 'project-description-edit',

6
src/views/preview/preview.scss
View file

@ -337,6 +337,12 @@ $stage-width: 480px;
margin-bottom: 0; margin-bottom: 0;
} }
.project-description-form {
display: flex;
width: 100%;
flex-grow: 1;
}
.project-description-edit { .project-description-edit {
display: flex; display: flex;
margin-bottom: .75rem; margin-bottom: .75rem;