scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-14 15:09:59 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix styling of disabled comment box.

Browse source
This commit is contained in:
picklesrus 2020-11-18 14:40:11 -05:00
parent aed0f024c0
commit fe9d9078b2
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -32,9 +32,6 @@
&:not(:focus) {
border: 2px solid $active-dark-gray;
}
&:disabled {
background-color: $box-shadow-light-gray;
}
}
}
@ -278,6 +275,10 @@
}
}
.compose-disabled {
opacity: .5;
}
.comments-root-reply {
margin-bottom: 1.5rem;
}

5
src/views/preview/comment/compose-comment.jsx
View file

@ -186,7 +186,10 @@ class ComposeComment extends React.Component {
</FlexRow>
) : null }
<div
className="flex-row comment"
className={classNames('flex-row',
'comment',
this.state.status === ComposeStatus.REJECTED_MUTE ?
'compose-disabled' : '')}
>
<a href={`/users/${this.props.user.username}`}>
<Avatar src={this.props.user.thumbnailUrl} />