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;