scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

for admins, handle markedbyfilter comments differently, color them yellow

Browse source
This commit is contained in:
Ben Wheeler 2019-05-09 15:08:54 -04:00
parent e67ce6c6cb
commit ec6f4c1715
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/views/preview/comment/comment.jsx
View file

@ -111,7 +111,10 @@ class Comment extends React.Component {
visibility
} = this.props;
const visible = visibility === 'visible';
// we allow comments that are fully visible, or markedByFilter (flagged by
// our bad words filter, but not at the critical level of offensiveness)
const markedByFilter = visibility === 'markedbyfilter';
const visible = markedByFilter || visibility === 'visible';
let commentText = content;
if (replyUsername) {
@ -182,6 +185,7 @@ class Comment extends React.Component {
<div
className={classNames({
'comment-bubble': true,
'comment-bubble-markedbyfilter': markedByFilter,
'comment-bubble-reported': !visible
})}
>

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

@ -197,6 +197,19 @@
background: $reported-background;
}
}
&.comment-bubble-markedbyfilter {
$markedbyfilter-outline: $ui-yellow;
$markedbyfilter-background: rgb(255, 254, 210);
border-color: $markedbyfilter-outline;
background-color: $markedbyfilter-background;
&:before {
border-color: $markedbyfilter-outline transparent $markedbyfilter-outline $markedbyfilter-outline;
background: $markedbyfilter-background;
}
}
}
.comment-content {