diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index 48392cc51..d8410becd 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -252,11 +252,13 @@ class Comment extends React.Component {
{ (currentUser &&
diff --git a/client/coral-framework/components/Slot.css b/client/coral-framework/components/Slot.css
index 6a95d79ad..91569b717 100644
--- a/client/coral-framework/components/Slot.css
+++ b/client/coral-framework/components/Slot.css
@@ -2,6 +2,10 @@
display: inline-block;
}
+.right {
+ float: right;
+}
+
.debug {
background-color: coral;
}
\ No newline at end of file
diff --git a/client/coral-framework/components/Slot.js b/client/coral-framework/components/Slot.js
index 939068e83..342532bdb 100644
--- a/client/coral-framework/components/Slot.js
+++ b/client/coral-framework/components/Slot.js
@@ -4,9 +4,9 @@ import styles from './Slot.css';
import {connect} from 'react-redux';
import {getSlotElements} from 'coral-framework/helpers/plugins';
-function Slot ({fill, inline = false, plugin_config: config, ...rest}) {
+function Slot ({fill, inline = false, right = false, plugin_config: config, ...rest}) {
return (
-
+
{getSlotElements(fill, {...rest, config})}
);
diff --git a/plugins/coral-plugin-offtopic/client/components/OffTopicCheckbox.js b/plugins/coral-plugin-offtopic/client/components/OffTopicCheckbox.js
index 0383507d1..c05b1d8b1 100644
--- a/plugins/coral-plugin-offtopic/client/components/OffTopicCheckbox.js
+++ b/plugins/coral-plugin-offtopic/client/components/OffTopicCheckbox.js
@@ -22,10 +22,14 @@ class OffTopicCheckbox extends React.Component {
render() {
return (
-
+ {
+ !this.props.isReply ? (
+
+ ) : null
+ }
);
}
diff --git a/plugins/coral-plugin-offtopic/client/components/OffTopicFilter.js b/plugins/coral-plugin-offtopic/client/components/OffTopicFilter.js
new file mode 100644
index 000000000..24718d1cb
--- /dev/null
+++ b/plugins/coral-plugin-offtopic/client/components/OffTopicFilter.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default (props) => (
+
+ Filter
+
+);
diff --git a/plugins/coral-plugin-offtopic/client/components/OffTopicTag.js b/plugins/coral-plugin-offtopic/client/components/OffTopicTag.js
index 89a4d03aa..62d8e1a0f 100644
--- a/plugins/coral-plugin-offtopic/client/components/OffTopicTag.js
+++ b/plugins/coral-plugin-offtopic/client/components/OffTopicTag.js
@@ -10,7 +10,7 @@ const isOffTopic = (tags) => {
export default (props) => (
{
- isOffTopic(props.comment.tags) ? (
+ isOffTopic(props.comment.tags) && props.depth === 0 ? (
{t('off_topic')}
diff --git a/plugins/coral-plugin-offtopic/client/components/styles.css b/plugins/coral-plugin-offtopic/client/components/styles.css
index f3e290b09..52c36e6c2 100644
--- a/plugins/coral-plugin-offtopic/client/components/styles.css
+++ b/plugins/coral-plugin-offtopic/client/components/styles.css
@@ -8,7 +8,10 @@
}
.tag {
- background: rgba(245, 188, 168, 0.6);
+ background: #3D73D5;
+ font-size: 12px;
+ font-weight: bold;
+ color: white;
display: inline-block;
margin: 0px 5px;
padding: 5px 5px;