This task covers several related ideas that were surfaced at yesterday's ticket writing session.
== Feature Summary ==
Improving inline visual markers to be able to clearly recognise 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, deleted text, and paragraph splits.
== 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 ==
!!**Addition**!!: Addition stays the same as the current representation, the blue highlight will be shown.
{F36291228}
!!**Deletion**!!: Deletion behaves almost the same as the current experience, it still has a yellow highlight, the only difference is that we are adding a strikethrough on top of it.
| Current experience | Proposed design |
| ----- | ----- | ----- | -----
| {F36291249} | {F36291231} |
!!**Space (pressing enter once)**!!: The space in-line would be represented with a highlight that extends throughout the whole line, that represents the space that forms between, in this case, "Water" and "The".
| Current experience | Proposed design |
| ----- | ----- | ----- | -----
| {F36291303} | {F36291310} |
!!**Paragraph split (pressing enter twice)**!!: The paragraph split would be represented with a blue highlight that is positioned below part of the original paragraph, representing the break. And below that highlight, the second part of the original paragraph (that is now a whole new paragraph) will show.
| Current experience | Proposed design |
| ----- | ----- | ----- | -----
| {F36508213} | {F36508217} |
== 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
== Timing ==
- Once algorithm changes have been implemented.