Adapts BoardCardInner to new UserAvatarLink that uses GlAvatar

Kos Palchykrequested to merge
355862-check-that-user_avatar_link-in-app-assets-javascripts-boards-components-board_card_inner-vue-fixup into master

What does this MR do and why?

Part of &7731 (closed) epic

Adapts board_card_inner.vue to new user_avatar_link.vue that would use GlAvatar.

Resolves #355862 (closed)

NOTE: in my previous MR !92945 (merged) the issue was only partially resolved, as there were issues with mobile view. So this MR is a follow up on that.

Screenshots or screen recordings

desktop mobile
before localhost_3000_h5bp_html5-boilerplate_-boards__7 Screenshot_2022-08-05_at_13.11.41
after localhost_3000_h5bp_html5-boilerplate_-boards__8 Screenshot_2022-08-05_at_13.20.51

How to set up and validate locally

  1. Open a project board, e.g. http://localhost:3000/h5bp/html5-boilerplate/-/boards
  2. Checkout master branch and this MR branch for comparison
  3. Note how avatars on board cards look on desktop and mobile

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Kos Palchyk

Merge request reports