From 36bccb5252f5671610d2b7a417dcc0802fa2b988 Mon Sep 17 00:00:00 2001 From: Gustaf Lundh Date: Thu, 9 Feb 2023 14:56:51 +0100 Subject: [PATCH] MemberListCard UI Fix When a description is provided and the user hovers over the email link, the description jumps a bit in the UI. Signed-off-by: Gustaf Lundh --- .changeset/polite-falcons-jump.md | 5 +++++ .../components/Cards/Group/MembersList/MembersListCard.tsx | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/polite-falcons-jump.md diff --git a/.changeset/polite-falcons-jump.md b/.changeset/polite-falcons-jump.md new file mode 100644 index 0000000000..ab9209913d --- /dev/null +++ b/.changeset/polite-falcons-jump.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-org': patch +--- + +Fix small UI-glitch in MemberListCard diff --git a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx index 7e5b683bf1..c41a73ab9c 100644 --- a/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx +++ b/plugins/org/src/components/Cards/Group/MembersList/MembersListCard.tsx @@ -64,6 +64,7 @@ const useStyles = makeStyles((theme: Theme) => whiteSpace: 'nowrap', textOverflow: 'ellipsis', display: 'inline-block', + verticalAlign: 'middle', maxWidth: '100%', '&:hover': { overflow: 'visible',