scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-22 19:05:56 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions2

Fix line heights for instructions and comments

Browse source
This commit is contained in:
Paul Kaplan 2018-12-12 16:59:46 -05:00
parent fb4f6b6d56
commit 612d08e850
3 changed files with 16 additions and 16 deletions

2
src/views/preview/comment/comment.scss
View file

@ -199,6 +199,8 @@
}
.comment-content {
font-size: 1rem;
line-height: 1.5rem;
overflow-wrap: break-word;
}

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

@ -459,21 +459,6 @@ const PreviewPresentation = ({
/>
</FlexRow>
</MediaQuery>
{showModInfo &&
<React.Fragment>
<div className="project-textlabel">
<FormattedMessage id="project.moderationInfoLabel" />
</div>
<ModInfo
revisedDate={revisedDate}
scripts={modInfo.scriptCount}
sprites={modInfo.spriteCount}
/>
</React.Fragment>
}
<MediaQuery minWidth={frameless.tablet}>
<FlexRow className="preview-row">
<FlexRow className="extension-list">
@ -489,6 +474,15 @@ const PreviewPresentation = ({
</FlexRow>
</FlexRow>
</MediaQuery>
{showModInfo &&
<FlexRow className="preview-row">
<ModInfo
revisedDate={revisedDate}
scripts={modInfo.scriptCount}
sprites={modInfo.spriteCount}
/>
</FlexRow>
}
</div>
<div className="project-lower-container">
<div className="inner">

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

@ -427,7 +427,7 @@ $stage-width: 480px;
overflow: auto;
white-space: pre-line;
font-size: 1rem;
// flex-grow
line-height: 1.5rem;
flex: 1;
}
@ -474,6 +474,10 @@ $stage-width: 480px;
flex: 1;
}
& .inplace-textarea {
line-height: 1.5rem; /* Override 1.75 from form styling */
}
::-webkit-input-placeholder { /* Chrome <=56, Safari < 10 */
transition: opacity .25s;
opacity: 1;