diff --git a/frontend/src/components/tasks/partials/Comments.vue b/frontend/src/components/tasks/partials/Comments.vue index a27d521b0..bce534ccf 100644 --- a/frontend/src/components/tasks/partials/Comments.vue +++ b/frontend/src/components/tasks/partials/Comments.vue @@ -22,6 +22,7 @@
@@ -56,6 +57,13 @@ > ยท {{ $t('task.comment.edited', {date: formatDateSince(c.updated)}) }} + @@ -391,10 +408,23 @@ async function deleteComment(commentToDelete: ITaskComment) { } - span { + span, + .comment-permalink { font-size: .75rem; line-height: 1; } + + .comment-permalink { + font-size: 1rem; + border: 1px solid transparent; + padding: 0.25rem; + border-radius: 1rem; + color: var(--grey, hsl(0, 0%, 48%)); + } + .comment-permalink:hover { + color: var(--grey-dark, hsl(0, 0%, 29%)); + border-color: var(--grey-dark, hsl(0, 0%, 29%)); + } } .image.is-avatar { diff --git a/frontend/src/i18n/lang/en.json b/frontend/src/i18n/lang/en.json index 490ee26d8..2ac2d64ca 100644 --- a/frontend/src/i18n/lang/en.json +++ b/frontend/src/i18n/lang/en.json @@ -848,7 +848,8 @@ "delete": "Delete this comment", "deleteText1": "Are you sure you want to delete this comment?", "deleteSuccess": "The comment was deleted successfully.", - "addedSuccess": "The comment was added successfully." + "addedSuccess": "The comment was added successfully.", + "permalink": "Copy permalink to this comment" }, "deferDueDate": { "title": "Defer due date",