Fix avatar defects (#11473)
* Fix avatar initial centering in pills for bubbles * Express user info avatar size in pixes * fix link pill icon * Fix snapshot test
This commit is contained in:
parent
133e973955
commit
968213a5d7
4 changed files with 4 additions and 7 deletions
|
@ -80,6 +80,7 @@ limitations under the License.
|
||||||
height: 16px;
|
height: 16px;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_Pill_UserIcon {
|
.mx_Pill_UserIcon {
|
||||||
|
|
|
@ -415,11 +415,6 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_BaseAvatar,
|
|
||||||
.mx_EventTile_avatar {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&[data-has-reply="true"] {
|
&[data-has-reply="true"] {
|
||||||
> .mx_EventTile_line {
|
> .mx_EventTile_line {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -82,6 +82,7 @@ import { ViewRoomPayload } from "../../../dispatcher/payloads/ViewRoomPayload";
|
||||||
import { DirectoryMember, startDmOnFirstMessage } from "../../../utils/direct-messages";
|
import { DirectoryMember, startDmOnFirstMessage } from "../../../utils/direct-messages";
|
||||||
import { SdkContextClass } from "../../../contexts/SDKContext";
|
import { SdkContextClass } from "../../../contexts/SDKContext";
|
||||||
import { asyncSome } from "../../../utils/arrays";
|
import { asyncSome } from "../../../utils/arrays";
|
||||||
|
import UIStore from "../../../stores/UIStore";
|
||||||
|
|
||||||
export interface IDevice extends Device {
|
export interface IDevice extends Device {
|
||||||
ambiguous?: boolean;
|
ambiguous?: boolean;
|
||||||
|
@ -1578,7 +1579,7 @@ export const UserInfoHeader: React.FC<{
|
||||||
<MemberAvatar
|
<MemberAvatar
|
||||||
key={member.userId} // to instantly blank the avatar when UserInfo changes members
|
key={member.userId} // to instantly blank the avatar when UserInfo changes members
|
||||||
member={member as RoomMember}
|
member={member as RoomMember}
|
||||||
size="30vh" // 2x@30vh
|
size={UIStore.instance.windowHeight * 0.3 + "px"}
|
||||||
resizeMethod="scale"
|
resizeMethod="scale"
|
||||||
fallbackUserId={member.userId}
|
fallbackUserId={member.userId}
|
||||||
onClick={onMemberAvatarClick}
|
onClick={onMemberAvatarClick}
|
||||||
|
|
|
@ -101,7 +101,7 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
|
||||||
data-testid="avatar-img"
|
data-testid="avatar-img"
|
||||||
data-type="round"
|
data-type="round"
|
||||||
role="button"
|
role="button"
|
||||||
style="--cpd-avatar-size: 30vh;"
|
style="--cpd-avatar-size: 230.39999999999998px;"
|
||||||
>
|
>
|
||||||
u
|
u
|
||||||
</button>
|
</button>
|
||||||
|
|
Loading…
Reference in a new issue