diff --git a/packages/flat-components/src/components/UsersPanel/index.tsx b/packages/flat-components/src/components/UsersPanel/index.tsx index 270f66453de..ae1f0d668f2 100644 --- a/packages/flat-components/src/components/UsersPanel/index.tsx +++ b/packages/flat-components/src/components/UsersPanel/index.tsx @@ -163,14 +163,20 @@ const Row = /* @__PURE__ */ observer(function Row({ {user.hasLeft ? (
- {user.name} + + {user.name} + {isSelf && {t("me")}} {t("has-left")}
) : ( - {user.name} + + {user.name} + {isSelf && {t("me")}} )} diff --git a/packages/flat-components/src/components/UsersPanel/style.less b/packages/flat-components/src/components/UsersPanel/style.less index 6375d4ba663..6d8b37c21ac 100644 --- a/packages/flat-components/src/components/UsersPanel/style.less +++ b/packages/flat-components/src/components/UsersPanel/style.less @@ -22,6 +22,7 @@ .users-panel-headline-avatar, .users-panel-list-avatar { + flex-shrink: 0; display: inline-block; width: 24px; height: 24px; @@ -132,6 +133,10 @@ text-overflow: ellipsis; } +.users-panel-list-name-content.is-me { + max-width: 50px; +} + .users-panel-list-name { display: inline-flex; gap: 4px; @@ -229,4 +234,4 @@ .users-panel-list-item::after { background-color: var(--grey-9); } -} +} \ No newline at end of file