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

Correct comment compose spacing

Browse source
This commit is contained in:
Maximouse 2022-03-15 13:00:08 +01:00
parent ef02d7e233
commit 4738774011
4 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/commenting-status/commenting-status.scss
View file

@ -4,7 +4,7 @@
border: 1px solid $ui-blue-10percent;
border-radius: 8px;
padding: 1.75rem 3rem 2rem;
margin: .5rem 0 2.25rem;
margin: .5rem 0 2rem;
background-color: $ui-blue-10percent;
text-align: center;
box-sizing: border-box;

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

@ -1,10 +1,5 @@
@import "../../../colors";
.compose-row, .compose-disabled {
margin-top: 30px;
margin-bottom: 32px;
}
.compose-comment {
margin-left: .5rem;
width: 100%;
@ -42,6 +37,7 @@
.compose-bottom-row {
width: 100%;
margin-top: 0.4rem;
justify-content: space-between;
flex-direction: row;
@ -61,6 +57,8 @@
.button {
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
border-radius: .25rem;
}
}
@ -298,11 +296,12 @@
}
.comments-root-reply {
margin-bottom: 1.5rem;
margin-bottom: 2rem;
}
.comment-reply-row {
margin-top: 1.5rem;
margin-top: 2rem;
margin-bottom: .5rem;
margin-left: .5rem;
width: 100%;
}

10
src/views/studio/studio-comments.jsx
View file

@ -110,10 +110,12 @@ const StudioComments = ({
<div>
{shouldShowCommentComposer ?
(commentsAllowed ?
<ComposeComment
postURI={postURI}
onAddComment={handleNewComment}
/> :
<div className="comments-root-reply">
<ComposeComment
postURI={postURI}
onAddComment={handleNewComment}
/>
</div> :
<StudioCommentsNotAllowed />
) : null
}

4
src/views/studio/studio.scss
View file

@ -509,6 +509,10 @@ $radius: 8px;
.studio-compose-container {
padding-top: 8px;
.comments-root-reply {
margin-top: 20px;
}
.load-more-button {
width: 100%;
}