Currently, the changes only affect the DOM and are not immediately visible in the browser. Create a CSS that make these changes visible to improve testability.
Description
Description
Status | Subtype | Assigned | Task | ||
---|---|---|---|---|---|
Resolved | • DannyH | T121469 Improve diff compare screen | |||
Resolved | thiemowmde | T139603 Show text changes when moving text chunks (#2) | |||
Resolved | None | T146781 Show changes in moved text chunks (C++) | |||
Resolved | Lea_WMDE | T191310 Show changes in moved paragraphs for mobile | |||
Resolved | WMDE-Fisch | T193638 Create minimal CSS to make mobile changes testable |
Event Timeline
Comment Actions
The headline here was moved two lines up and spaces where added in the process see
http://wmde-wikidiff2-mobile.wmflabs.org/core/index.php/Special:MobileDiff/2211/2210?mobileaction=toggle_view_mobile
So I simply added
.mw-diff-inline-moved-destination { background: PaleTurquoise; margin: 3px 0; } .mw-diff-inline-moved-source { background: PeachPuff; margin: 3px 0; }
to the end of extensions/MobileFrontend/resources/mobile.special.mobilediff.styles/mobilediff.less so a moved paragraph now looks something like this:
The headline here was moved two lines up and spaces where added in the process see
http://wmde-wikidiff2-mobile.wmflabs.org/core/index.php/Special:MobileDiff/2211/2210?mobileaction=toggle_view_mobile