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:
Germain 2023-08-24 04:48:35 +01:00 committed by GitHub
parent e34920133e
commit 09c5e06d12
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
125 changed files with 936 additions and 1413 deletions

View file

@ -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!,

View file

@ -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!,

View file

@ -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!,