Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 05:04:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix avatars of knock members for people tab of room settings (#11506)

Browse Source 
Signed-off-by: Charly Nguyen <charly.nguyen@nordeck.net>
This commit is contained in:
Charly Nguyen 2023-09-01 11:40:35 +02:00 committed by GitHub
parent b1f17f5478
commit 6faad7aae3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
res/css/views/settings/tabs/room/_PeopleRoomSettingsTab.pcss
View File

@ -24,6 +24,11 @@ limitations under the License.
margin: 0 var(--cpd-space-4x); margin: 0 var(--cpd-space-4x);
} }
.mx_PeopleRoomSettingsTab_avatar {
align-self: flex-start;
flex-shrink: 0;
}
.mx_PeopleRoomSettingsTab_name { .mx_PeopleRoomSettingsTab_name {
font-weight: var(--cpd-font-weight-semibold); font-weight: var(--cpd-font-weight-semibold);
} }

2
src/components/views/settings/tabs/room/PeopleRoomSettingsTab.tsx
View File

@ -82,7 +82,7 @@ const Knock: VFC<{
return ( return (
<div className="mx_PeopleRoomSettingsTab_knock"> <div className="mx_PeopleRoomSettingsTab_knock">
<MemberAvatar member={roomMember} size="42px" /> <MemberAvatar className="mx_PeopleRoomSettingsTab_avatar" member={roomMember} size="42px" />
<div className="mx_PeopleRoomSettingsTab_content"> <div className="mx_PeopleRoomSettingsTab_content">
<span className="mx_PeopleRoomSettingsTab_name">{roomMember.name}</span> <span className="mx_PeopleRoomSettingsTab_name">{roomMember.name}</span>
<Timestamp roomMember={roomMember} /> <Timestamp roomMember={roomMember} />

4
test/components/views/settings/tabs/room/__snapshots__/PeopleRoomSettingsTab-test.tsx.snap
View File

@ -17,7 +17,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests fully 1`]
> >
<span <span
aria-label="Profile picture" aria-label="Profile picture"
class="_avatar_2lhia_17 mx_BaseAvatar" class="_avatar_2lhia_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar"
data-color="4" data-color="4"
data-testid="avatar-img" data-testid="avatar-img"
data-type="round" data-type="round"
@ -111,7 +111,7 @@ exports[`PeopleRoomSettingsTab with requests to join renders requests reduced 1`
class="mx_PeopleRoomSettingsTab_knock" class="mx_PeopleRoomSettingsTab_knock"
> >
<span <span
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56" class="_avatar_2lhia_17 mx_BaseAvatar mx_PeopleRoomSettingsTab_avatar _avatar-imageless_2lhia_56"
data-color="4" data-color="4"
data-testid="avatar-img" data-testid="avatar-img"
data-type="round" data-type="round"