Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve the visual clarity of labels on profiles and posts #4262

Merged
merged 2 commits into from
May 30, 2024

Conversation

pfrazee
Copy link
Collaborator

@pfrazee pfrazee commented May 29, 2024

In #3677, we updated the label rendering to show the origin of labels. Unfortunately this has been extremely visually noisy, making the labels difficult to digest.

Some folks smartly suggested we just show the avatar, so that's what this PR does if it's from a 3p labeler. In other cases, it'll show the icon.

3p labelers

. .
CleanShot 2024-05-29 at 08 01 22@2x CleanShot 2024-05-29 at 08 01 46@2x
. .
CleanShot 2024-05-29 at 08 02 40@2x CleanShot 2024-05-29 at 08 03 33@2x

Baked-in labeler

. .
CleanShot 2024-05-29 at 08 04 32@2x CleanShot 2024-05-29 at 08 04 47@2x

Copy link

render bot commented May 29, 2024

Copy link

Old size New size Diff
7.23 MB 7.23 MB 781 B (0.01%)

@str4d
Copy link

str4d commented May 30, 2024

If a "blur" label is applied to a labeller's account by another labeller, and a user is subscribed to both, does the avatar in the first labeller's labels get blurred?

(I know very little about React, but I like tongue twisters!)

@pfrazee
Copy link
Collaborator Author

pfrazee commented May 30, 2024

Not... in this scenario no

@gaearon gaearon merged commit 5fe1e17 into main May 30, 2024
6 checks passed
@gaearon gaearon deleted the paul/label-rendering branch May 30, 2024 04:33
estrattonbailey pushed a commit that referenced this pull request May 31, 2024
* Update PostAlerts rendering to show the avi of the labeler rather than the display name; also add size variations

* Update ProfileHeaderAlerts to match PostAlerts behavior
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants