diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2021-02-12 18:08:43 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2021-02-12 18:08:43 +0300 |
commit | f44248b613e94534fd6a1b1f8fb6df179f1bbf56 (patch) | |
tree | f54a3ff32ff39eaf001a1a46eb1c699f00f794ac /app | |
parent | 49d26b2348f2eb9e345eb1f66214678f42f15dd3 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'app')
-rw-r--r-- | app/assets/javascripts/notes/components/note_actions.vue | 104 | ||||
-rw-r--r-- | app/assets/javascripts/notes/components/note_actions/reply_button.vue | 30 |
2 files changed, 66 insertions, 68 deletions
diff --git a/app/assets/javascripts/notes/components/note_actions.vue b/app/assets/javascripts/notes/components/note_actions.vue index bc8e1d3fec6..4168a5f927c 100644 --- a/app/assets/javascripts/notes/components/note_actions.vue +++ b/app/assets/javascripts/notes/components/note_actions.vue @@ -244,66 +244,62 @@ export default { :title="displayContributorBadgeText" >{{ __('Contributor') }}</span > - <div v-if="canResolve" class="gl-ml-2"> - <gl-button - ref="resolveButton" - v-gl-tooltip - size="small" - category="tertiary" - :variant="resolveVariant" - :class="{ 'is-disabled': !resolvable, 'is-active': isResolved }" - :title="resolveButtonTitle" - :aria-label="resolveButtonTitle" - :icon="resolveIcon" - :loading="isResolving" - class="line-resolve-btn note-action-button" - @click="onResolve" - /> - </div> - <div v-if="canAwardEmoji" class="gl-ml-3 gl-mr-2"> - <a - v-gl-tooltip - :class="{ 'js-user-authored': isAuthoredByCurrentUser }" - class="note-action-button note-emoji-button js-add-award js-note-emoji" - href="#" - title="Add reaction" - data-position="right" - > - <gl-icon class="link-highlight award-control-icon-neutral" name="slight-smile" /> - <gl-icon class="link-highlight award-control-icon-positive" name="smiley" /> - <gl-icon class="link-highlight award-control-icon-super-positive" name="smile" /> - </a> - </div> + <gl-button + v-if="canResolve" + ref="resolveButton" + v-gl-tooltip + size="small" + category="tertiary" + :variant="resolveVariant" + :class="{ 'is-disabled': !resolvable, 'is-active': isResolved }" + :title="resolveButtonTitle" + :aria-label="resolveButtonTitle" + :icon="resolveIcon" + :loading="isResolving" + class="line-resolve-btn note-action-button" + @click="onResolve" + /> + <a + v-if="canAwardEmoji" + v-gl-tooltip + :class="{ 'js-user-authored': isAuthoredByCurrentUser }" + class="note-action-button note-emoji-button js-add-award js-note-emoji gl-text-gray-600 gl-m-2" + href="#" + title="Add reaction" + data-position="right" + > + <gl-icon class="link-highlight award-control-icon-neutral" name="slight-smile" /> + <gl-icon class="link-highlight award-control-icon-positive" name="smiley" /> + <gl-icon class="link-highlight award-control-icon-super-positive" name="smile" /> + </a> <reply-button v-if="showReply" ref="replyButton" class="js-reply-button" @startReplying="$emit('startReplying')" /> - <div v-if="canEdit" class="gl-ml-2"> - <gl-button - v-gl-tooltip - title="Edit comment" - icon="pencil" - size="small" - category="tertiary" - class="note-action-button js-note-edit btn btn-transparent" - data-qa-selector="note_edit_button" - @click="onEdit" - /> - </div> - <div v-if="showDeleteAction" class="gl-ml-2"> - <gl-button - v-gl-tooltip - title="Delete comment" - size="small" - icon="remove" - category="tertiary" - class="note-action-button js-note-delete btn btn-transparent" - @click="onDelete" - /> - </div> - <div v-else-if="shouldShowActionsDropdown" class="dropdown more-actions gl-ml-2"> + <gl-button + v-if="canEdit" + v-gl-tooltip + title="Edit comment" + icon="pencil" + size="small" + category="tertiary" + class="note-action-button js-note-edit btn btn-transparent" + data-qa-selector="note_edit_button" + @click="onEdit" + /> + <gl-button + v-if="showDeleteAction" + v-gl-tooltip + title="Delete comment" + size="small" + icon="remove" + category="tertiary" + class="note-action-button js-note-delete btn btn-transparent" + @click="onDelete" + /> + <div v-else-if="shouldShowActionsDropdown" class="dropdown more-actions"> <gl-button v-gl-tooltip title="More actions" diff --git a/app/assets/javascripts/notes/components/note_actions/reply_button.vue b/app/assets/javascripts/notes/components/note_actions/reply_button.vue index acbbee13a6d..ae7afa71184 100644 --- a/app/assets/javascripts/notes/components/note_actions/reply_button.vue +++ b/app/assets/javascripts/notes/components/note_actions/reply_button.vue @@ -1,7 +1,11 @@ <script> import { GlTooltipDirective, GlButton } from '@gitlab/ui'; +import { __ } from '~/locale'; export default { + i18n: { + buttonText: __('Reply to comment'), + }, name: 'ReplyButton', components: { GlButton, @@ -13,18 +17,16 @@ export default { </script> <template> - <div class="gl-ml-2"> - <gl-button - ref="button" - v-gl-tooltip - data-track-event="click_button" - data-track-label="reply_comment_button" - category="tertiary" - size="small" - icon="comment" - :title="__('Reply to comment')" - :aria-label="__('Reply to comment')" - @click="$emit('startReplying')" - /> - </div> + <gl-button + ref="button" + v-gl-tooltip + data-track-event="click_button" + data-track-label="reply_comment_button" + category="tertiary" + size="small" + icon="comment" + :title="$options.i18n.buttonText" + :aria-label="$options.i18n.buttonText" + @click="$emit('startReplying')" + /> </template> |