search

Esri / solutions-components

A collection of UI components for constructing webapps.
Apache License 2.0
15 stars 7 forks source link

Use the same background color for initials in comments as on the profile #907

Open skrishn opened 3 weeks ago

skrishn commented 3 weeks ago

Related to https://github.com/Esri/solutions-components/issues/605

I noticed the background color for the initials is different from the profile section on top right than in the one in the comments section. The color on the top right is the same as shown on the profile in the org page. 

Light theme

image

Dark theme image

Org image

sumitzarkar commented 1 week ago

@skrishn

We are not setting any colors to the calcite-avatar component. Colors are coming from the calcite component.

Also, we see different colors in the reporter sign-in and the ORG.

Could you please get inputs from JS API team/Instant app team if we need to add some parameters to match the color?

In ORG

image

In Reporter APP

image

skrishn commented 1 week ago

@sumitzarkar Here is the response from IA team "The background color is created based on the user id, username, or full name. User id being the one that's used first to create the color. The username is the first fallback while full name is the last. All they have to do is add userId and username props to the calcite-avatar element and it will use the same color as the org. I have to add userId to the sign in component. image "

pratiksabale07 commented 1 week ago

@skrishn

Cause

Items Is required Status Comments
Required NLS changes? No
Required Backward compatibility No
Required 508 No
Need Sanitize? No

Impact Analysis Report

Impacted Areas Comments
Have Configuration changes? No
Have Runtime changes? Yes
Impact on RTL Yes
Impact on comment list The background colour of the profile initials should match the profile on the organization page as well as the profile shown in the top-right section.