wikiloop-doublecheck icon indicating copy to clipboard operation
wikiloop-doublecheck copied to clipboard

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

Open thadguidry opened this issue 4 years ago • 2 comments

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}}
etc. etc.

thadguidry avatar May 28 '20 01:05 thadguidry

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

welcome[bot] avatar May 28 '20 01:05 welcome[bot]

Good idea, thank you

xinbenlv avatar May 28 '20 05:05 xinbenlv