Feature Summary
Improving inline visual markers to be able to clearly recognize what update has been done to the text.
Use cases
- As a viewer of the Unified Inline Wikitext Diff diff on Desktop, I am able to see a visual marker over added text, and deleted text.
Benefits
Improve UX of diff view
Details for QA
- Make sure markup/css changes to wikidiff do not break PHP engine output
- Add test coverage for existing functionality, if missing
- Acceptance Criteria: This change must ensure "functionality parity" in all other diff stress tests
- Only highlight words which have changed within a paragraph split
Designs
Text Addition: Addition stays the same as the current representation, the blue highlight will be shown.
Text Deletion: Deletion behaves the same as the current experience, it still has a yellow highlight.
| Current experience | Proposed design |
|---|---|
 | |
Space addition/deletion (enter/backspace): The space in-line would be represented with a blue highlight and markup to show a line addition. For multiple enters, a new highlight with text description will be added. In case of line delete, a yellow highlight with text description will be added to show where the deletion has taken place
| Current experience | Proposed design |
|---|---|
 |  |
Impact
Users that able to better understand new changes/users that are new to diffs
Contact Person / Team
- Community Tech
Related Conversations
Slack channels
- better-diffs
- diffs-working-group