-
-
{props.comment.user.name}
+
+
+ {props.comment.user.name}
+
- {timeago().format(props.comment.created_at || (Date.now() - props.index * 60 * 1000), lang.getLocale().replace('-', '_'))}
-
+ {timeago().format(props.comment.created_at || (Date.now() - props.index * 60 * 1000), lang.getLocale().replace('-', '_'))}
+
props.showBanUserDialog(props.comment.user, props.comment.id)} />
-
- {links ?
Contains Link : null}
-
- {actions.map((action, i) =>
-
props.acceptComment({commentId: props.comment.id})}
- rejectComment={() => props.rejectComment({commentId: props.comment.id})}
- />
- )}
-
{props.comment.user.status === 'banned' ?
-
+
{lang.t('comment.banned_user')}
-
+
: null}
-
- {!props.currentAsset && (
-
- Story: {props.comment.asset.title} Moderate →
-
- )}
+
+ Story: {props.comment.asset.title}
+ {!props.currentAsset && (
+ Moderate →
+ )}
+
+
+ {links ?
Contains Link : null}
+
+ {actions.map((action, i) =>
+
props.acceptComment({commentId: props.comment.id})}
+ rejectComment={() => props.rejectComment({commentId: props.comment.id})}
+ />
+ )}
+
+
{actionSummaries &&
}
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/CommentType.css b/client/coral-admin/src/containers/ModerationQueue/components/CommentType.css
index cdfd212ff..3144a5bd7 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/CommentType.css
+++ b/client/coral-admin/src/containers/ModerationQueue/components/CommentType.css
@@ -4,12 +4,12 @@
top: 11px;
color: white;
background: grey;
- padding: 2px 13px;
- font-size: 14px;
height: 32px;
box-sizing: border-box;
line-height: 29px;
- padding-left: 26px;
+ padding: 2px 8px 2px 26px;
+ border-radius: 2px;
+ font-size: 12px;
i {
font-size: 14px;
diff --git a/client/coral-admin/src/containers/ModerationQueue/components/styles.css b/client/coral-admin/src/containers/ModerationQueue/components/styles.css
index cdd03bca8..59f47faad 100644
--- a/client/coral-admin/src/containers/ModerationQueue/components/styles.css
+++ b/client/coral-admin/src/containers/ModerationQueue/components/styles.css
@@ -147,7 +147,6 @@ span {
position: fixed;
bottom: 60px;
left: 25%;
- margin: 0 auto;
display: flex;
justify-content: space-around;
width: 50%;
@@ -169,13 +168,12 @@ span {
margin: 0 auto;
position: relative;
transition: all 200ms;
- margin-top: 0;
- padding: 4px 0 0;
+ padding: 10px 0 0;
min-height: 220px;
.container {
padding: 0 14px;
- min-height: 220px;
+ min-height: 180px;
}
&:hover {
@@ -200,11 +198,8 @@ span {
}
.sideActions {
- position: absolute;
- right: 0;
height: 100%;
top: 0;
- padding: 100px 12px 65px;
box-sizing: border-box;
}
@@ -214,6 +209,7 @@ span {
justify-content: space-between;
.author {
+ font-weight: 600;
min-width: 230px;
display: flex;
align-items: center;
@@ -223,8 +219,9 @@ span {
.itemBody {
display: flex;
justify-content: space-between;
- margin-top: 15px;
- font-size: 16px;
+ font-size: 14px;
+ line-height: 1.5;
+ font-weight: 300;
}
.avatar {
@@ -241,6 +238,7 @@ span {
color: #666;
font-size: 13px;
margin-left: 15px;
+ line-height: 1px;
}
.actionButton {
@@ -251,10 +249,10 @@ span {
.body {
margin-top: 0px;
flex: 1;
- font-size: 0.88em;
color: black;
max-width: 500px;
word-wrap: break-word;
+ font-weight: 300;
}
.flagged {
@@ -324,9 +322,12 @@ span {
.Comment {
.moderateArticle {
- font-size: 15px;
- margin-top: 14px;
+ font-size: 14px;
+ margin: 10px 0;
font-weight: 500;
+ line-height: 1.2;
+ max-width: 500px;
+
a {
display: inline-block;
color: #063b9a;
diff --git a/client/coral-plugin-best/BestButton.js b/client/coral-plugin-best/BestButton.js
index d1bceca37..96ef45f86 100644
--- a/client/coral-plugin-best/BestButton.js
+++ b/client/coral-plugin-best/BestButton.js
@@ -18,6 +18,7 @@ const lang = new I18n(translations);
const canModifyBestTag = ({roles = []} = {}) => roles && ['ADMIN', 'MODERATOR'].some(role => roles.includes(role));
// Put this on a comment to show that it is best
+
export const BestIndicator = ({children =
}) => (
{ children }
diff --git a/client/coral-ui/components/Button.css b/client/coral-ui/components/Button.css
index 498b03912..9a2611630 100644
--- a/client/coral-ui/components/Button.css
+++ b/client/coral-ui/components/Button.css
@@ -166,18 +166,18 @@
.type--ban {
display: block;
color: #616161;
- border: solid 2px rgba(97, 97, 97, 0.77);
+ border: solid 1px rgba(97, 97, 97, 0.77);
background: white;
- padding: 10px 12px;
box-sizing: border-box;
vertical-align: middle;
line-height: 24px;
- font-size: 17px;
- height: 47px;
border-radius: 3px;
text-transform: capitalize;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.09);
- width: 128px;
+ padding: 0 8px;
+ height: 34px;
+ font-size: 14px;
+ width: auto;
&:hover {
box-shadow: none;