google / wikiloop-doublecheck

WikiLoop DoubleCheck: a web tool to help review Wikipedia edits easily and collaboratively.
http://doublecheck.wikiloop.org
Apache License 2.0
79 stars 58 forks source link

Add Header text "Before | After" above diff-card #256

Open thadguidry opened 4 years ago

thadguidry commented 4 years ago

Problem: It's hard to distinguish with only color and small -/+ symbols in the diff-card to determine which side is Before and which side is After a change for new folks.

Possible Solution: Somewhere here above diff-card should be added a Header div or just simple Text labeling in a <div> or <span> to distinguish which side is Original | Changed or Before | After. https://github.com/google/wikiloop-battlefield/blob/master/components/RevisionCard.vue#L87

Example: Before After
Line 316: Line 316:
{{s-off}} {{s-off}}
{{s-par it-lwr}} {{s-ppo}}
etc. etc.
welcome[bot] commented 4 years ago

Thanks for opening your first issue here! Be sure to follow the issue template!

xinbenlv commented 4 years ago

Good idea, thank you