diff --git a/plugins/coral-plugin-like/client/index.js b/plugins/coral-plugin-like/client/index.js index 68b7a2c46..e2fd1efbf 100644 --- a/plugins/coral-plugin-like/client/index.js +++ b/plugins/coral-plugin-like/client/index.js @@ -4,6 +4,7 @@ import translations from './translations.yml'; export default { translations, slots: { - commentReactions: [LikeButton] + commentReactions: [LikeButton], + featuredCommentsReactions: [LikeButton] } }; diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.css b/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.css index 4a735914d..640d572f6 100644 --- a/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.css +++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.css @@ -13,6 +13,13 @@ display: inline-block; } +.featuredComment .repliesIcon { + font-size: 16px; + vertical-align: middle; + line-height: 13px; + font-weight: bold; +} + .featuredComment .goToIcon { font-size: 16px; vertical-align: middle; @@ -41,3 +48,15 @@ .featuredComment .quote:after { content: close-quote; } + +.footer { + display: flex; +} + +.reactionsContainer, .actionsContainer { + flex: auto; +} + +.actionsContainer { + text-align: right; +} \ No newline at end of file diff --git a/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js b/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js index 39b7bdfc8..f1b7255e4 100644 --- a/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js +++ b/plugins/talk-plugin-featured-comments/client/components/FeaturedComment.js @@ -3,29 +3,42 @@ import cn from 'classnames'; import styles from './FeaturedComment.css'; import {name} from '../../package.json'; import {timeago} from 'coral-framework/services/i18n'; +import {Slot} from 'plugin-api/beta/client/components'; import {Icon} from 'plugin-api/beta/client/components/ui'; const FeaturedComment = ({comment, setActiveTab}) => { return (
+
{comment.body}
-