imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix colour of avatar and colour matching with username (#11470)

Browse source 
* Use consistent colouring of username with avatar

* Upgrade Compound to fix Firefox issue

* Use the approapriate color shade for usernames

* Use the approapriate color shade for usernames

* Upgrade Compound

* Fix tests
This commit is contained in:
Germain 2023-08-24 18:12:28 +01:00 • committed by GitHub
parent 195dc4716b
commit 23897dff4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 269 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

2
test/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
View file

@ -83,7 +83,7 @@ exports[`MLocationBody <MLocationBody> without error renders marker correctly fo
class="mx_Marker_border"
>
<span
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar _avatar-imageless_2lhia_56"
data-color="1"
data-testid="avatar-img"
data-type="round"

24
test/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
View file

@ -57,7 +57,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
<span
aria-hidden="true"
aria-label="Profile picture"
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar"
data-color="8"
data-testid="avatar-img"
data-type="round"
@ -65,7 +65,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for an
>
<img
alt=""
class="_image_i91o9_45"
class="_image_2lhia_45"
crossorigin="anonymous"
data-type="round"
height="16px"
@ -107,7 +107,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
<span
aria-hidden="true"
aria-label="Avatar"
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar"
data-color="3"
data-testid="avatar-img"
data-type="round"
@ -115,7 +115,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for eve
>
<img
alt=""
class="_image_i91o9_45"
class="_image_2lhia_45"
crossorigin="anonymous"
data-type="round"
height="16px"
@ -159,7 +159,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
<span
aria-hidden="true"
aria-label="Avatar"
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar"
data-color="3"
data-testid="avatar-img"
data-type="round"
@ -167,7 +167,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills appear for roo
>
<img
alt=""
class="_image_i91o9_45"
class="_image_2lhia_45"
crossorigin="anonymous"
data-type="round"
height="16px"
@ -270,7 +270,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
<span
aria-hidden="true"
aria-label="Profile picture"
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar"
data-color="8"
data-testid="avatar-img"
data-type="round"
@ -278,7 +278,7 @@ exports[`<TextualBody /> renders formatted m.text correctly pills get injected c
>
<img
alt=""
class="_image_i91o9_45"
class="_image_2lhia_45"
crossorigin="anonymous"
data-type="round"
height="16px"
@ -314,7 +314,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
data-testid="avatar-img"
data-type="round"
data-color="8"
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar"
style="--cpd-avatar-size: 16px"
><img
loading="lazy"
@ -322,7 +322,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
src="mxc://avatar.url/image.png"
crossorigin="anonymous"
referrerpolicy="no-referrer"
class="_image_i91o9_45"
class="_image_2lhia_45"
data-type="round"
width="16px"
height="16px"
@ -348,7 +348,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
data-testid="avatar-img"
data-type="round"
data-color="4"
class="_avatar_i91o9_17 mx_BaseAvatar"
class="_avatar_2lhia_17 mx_BaseAvatar"
style="--cpd-avatar-size: 16px"
><img
loading="lazy"
@ -356,7 +356,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly should pillify a pe
src="mxc://avatar.url/room.png"
crossorigin="anonymous"
referrerpolicy="no-referrer"
class="_image_i91o9_45"
class="_image_2lhia_45"
data-type="round"
width="16px"
height="16px"