Skip to content

fix(GlLabeledAvatar): fix a few CSS issues

Peter Hegman requested to merge gl-labeled-avatar-css-fixes into master

What does this MR do?

Fixes the following CSS issues:

  1. Avatar alignment is incorrect when used in a table
  2. Avatar image gets squashed on smaller screens
Before After
Screen_Shot_2020-09-22_at_9.18.31_AM Screen_Shot_2020-09-22_at_10.32.04_AM
Before After
Screen_Shot_2020-09-22_at_12.07.52_PM Screen_Shot_2020-09-22_at_12.03.52_PM

Does this MR meet the acceptance criteria?

Conformity

  • Code review guidelines.
  • GitLab UI's contributing guidlines.
  • [-] If it changes a Pajamas-compliant component's look & feel, the MR has been reviewed by a UX designer.
  • [-] If it changes GitLab UI's documentation guidelines, the MR has been reviewed by a Technical Writer.
  • [-] If the MR changes a component's API, integration MR(s) have been opened in the following projects to ensure that the @gitlab/ui package can be upgraded quickly after the changes are released:
  • Added the ~"component:*" label(s) if applicable.
Edited by Peter Hegman

Merge request reports