[Feature Request] Improve biography change highlighting #616

Closed
opened 2026-04-05 16:21:54 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @Flonky on 12/30/2024

What & Why?

Currently, logged changes to VRChat player biographies use a simple before and after view, where changed sections are highlighted with a single color (Added in #972). Example:

382829960-1887c93b-641c-4465-8737-d07a146fcd27

This takes up quite a bit of space and can be annoying when comparing large biographies, due to having to reference the other view to see what changed.

The proposal

I'd like to propose a different way to visualize biography changes that takes up less space and makes specific edits a lot easier to reference.
I've created a quick reference design of how such an implementation could look like:

A light & dark mode reference design
The color choice for this was made fairly arbitrarily and should be reworked for better legibility

This design is a merge of how changes are shown when comparing document edits in Google Docs and GitHub, since it's conceptually similar to a simple git diff visualization but could benefit from a proofreading like experience.
All changes are shown in-line, additions are marked in green and deletions in red, while also being struck through.

*Originally created by @Flonky on 12/30/2024* # What & Why? Currently, logged changes to VRChat player biographies use a simple before and after view, where changed sections are highlighted with a single color (Added in #972). Example: ![382829960-1887c93b-641c-4465-8737-d07a146fcd27](https://github.com/user-attachments/assets/62fa2273-d805-4770-8aae-e9f473537989) This takes up quite a bit of space and can be annoying when comparing large biographies, due to having to reference the other view to see what changed. # The proposal I'd like to propose a different way to visualize biography changes that takes up less space and makes specific edits a lot easier to reference. I've created a quick reference design of how such an implementation could look like: <img width="700" alt="A light & dark mode reference design" src="https://github.com/user-attachments/assets/146005b8-6c8b-42eb-9d19-2d8588fa746d" /> ###### The color choice for this was made fairly arbitrarily and should be reworked for better legibility This design is a merge of how changes are shown when comparing document edits in Google Docs and GitHub, since it's conceptually similar to a simple git diff visualization but could benefit from a proofreading like experience. All changes are shown in-line, additions are marked in green and deletions in red, while also being struck through.
MrUnknownDE added the DoneFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureFeatureDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDoneDone labels 2026-04-05 16:21:57 +02:00
Sign in to join this conversation.
No Label Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Done Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature Feature
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/VRCX#616