diff --git a/web/app/components/comment/__info/comment__info.scss b/web/app/components/comment/__info/comment__info.scss index fc04b1fa..f97b63df 100644 --- a/web/app/components/comment/__info/comment__info.scss +++ b/web/app/components/comment/__info/comment__info.scss @@ -6,4 +6,5 @@ padding-right: 84px; font-size: 14px; line-height: 16px; + position: relative; } diff --git a/web/app/components/comment/__title/comment__title.scss b/web/app/components/comment/__title/comment__title.scss new file mode 100644 index 00000000..1333f31a --- /dev/null +++ b/web/app/components/comment/__title/comment__title.scss @@ -0,0 +1,13 @@ +.comment__title { + margin-bottom: 0.2rem; + + &-link { + color: #0e7e9d; + font-weight: bold; + text-decoration: none; + + &:hover { + opacity: 0.75; + } + } +} diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx index 266dbe50..d59e0b70 100644 --- a/web/app/components/comment/comment.jsx +++ b/web/app/components/comment/comment.jsx @@ -468,6 +468,14 @@ export default class Comment extends Component { className={b('comment', props, defaultMods)} id={mods.disabled ? null : `${COMMENT_NODE_CLASSNAME_PREFIX}${o.id}`} > + {mods.view === 'user' && + o.title && ( +