Change avatar to use Compound implementation (#11448)
* Move avatar to new compound implementation * Make space avatars square * Remove reference to the avatar initial CSS class * remove references to mx_BaseAvatar_image * Fixe test suites * Fix accessbility violations * Add ConfirmUserActionDialog test * Fix tests * Add FacePile test * Fix items clipping in members list * Fix user info avatar sizing * Fix tests
This commit is contained in:
parent
e34920133e
commit
09c5e06d12
125 changed files with 936 additions and 1413 deletions
|
@ -56,7 +56,7 @@ export default class NotifProvider extends AutocompleteProvider {
|
|||
suffix: " ",
|
||||
component: (
|
||||
<PillCompletion title="@room" description={_t("Notify the whole room")}>
|
||||
<RoomAvatar width={24} height={24} room={this.room} />
|
||||
<RoomAvatar size="24px" room={this.room} />
|
||||
</PillCompletion>
|
||||
),
|
||||
range: range!,
|
||||
|
|
|
@ -122,7 +122,7 @@ export default class RoomProvider extends AutocompleteProvider {
|
|||
href: makeRoomPermalink(this.room.client, room.displayedAlias),
|
||||
component: (
|
||||
<PillCompletion title={room.room.name} description={room.displayedAlias}>
|
||||
<RoomAvatar width={24} height={24} room={room.room} />
|
||||
<RoomAvatar size="24px" room={room.room} />
|
||||
</PillCompletion>
|
||||
),
|
||||
range: range!,
|
||||
|
|
|
@ -135,7 +135,7 @@ export default class UserProvider extends AutocompleteProvider {
|
|||
href: makeUserPermalink(user.userId),
|
||||
component: (
|
||||
<PillCompletion title={displayName} description={description}>
|
||||
<MemberAvatar member={user} width={24} height={24} />
|
||||
<MemberAvatar member={user} size="24px" />
|
||||
</PillCompletion>
|
||||
),
|
||||
range: range!,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue