diff options
author | Paul Slaughter <pslaughter@gitlab.com> | 2019-08-20 13:34:36 -0500 |
---|---|---|
committer | Paul Slaughter <pslaughter@gitlab.com> | 2019-08-20 15:15:19 -0500 |
commit | e4c44b089b58d010fe8e05dbc76acbc68720ae43 (patch) | |
tree | 252f8a73ebbd297054d4c21f2793861c1534f5da | |
parent | 1c7cbc25b9a877e492643d8749fa2862d86fd93f (diff) | |
download | gitlab-ce-ce-22058-improve-ux-multi-assignees-in-mr.tar.gz |
Fix tooltip alignment issue caused by flex-basisce-22058-improve-ux-multi-assignees-in-mr
**Context:**
https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/14851#note_205954645
-rw-r--r-- | app/assets/javascripts/sidebar/components/assignees/assignee_avatar_link.vue | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/app/assets/javascripts/sidebar/components/assignees/assignee_avatar_link.vue b/app/assets/javascripts/sidebar/components/assignees/assignee_avatar_link.vue index 6563d1d3410..6633a63d046 100644 --- a/app/assets/javascripts/sidebar/components/assignees/assignee_avatar_link.vue +++ b/app/assets/javascripts/sidebar/components/assignees/assignee_avatar_link.vue @@ -67,8 +67,17 @@ export default { </script> <template> - <gl-link v-gl-tooltip="tooltipOption" :href="assigneeUrl" :title="tooltipTitle" class="d-flex"> - <assignee-avatar :user="user" :img-size="32" :issuable-type="issuableType" /> - <slot :user="user"></slot> + <!-- must be `d-inline-block` or parent flex-basis causes width issues --> + <gl-link + v-gl-tooltip="tooltipOption" + :href="assigneeUrl" + :title="tooltipTitle" + class="d-inline-block" + > + <!-- use d-flex so that slot can be appropriately styled --> + <span class="d-flex"> + <assignee-avatar :user="user" :img-size="32" :issuable-type="issuableType" /> + <slot :user="user"></slot> + </span> </gl-link> </template> |