search

wickedest / Mergely

Merge and diff documents online
http://www.mergely.com
Other
1.17k stars 228 forks source link

how can let markup(red line) show on the right? #122

Closed ahuang closed 5 years ago

ahuang commented 5 years ago

for example, the red line show on the left by default 1

i want the red line show on the right, how should i do?

i find an option "rhs_margin" seem to related to my demand. i tried use this set {rhs_margin: 'left'} but not work.

looking forward to your reply, thanks

wickedest commented 5 years ago

I am not sure what you mean - like this? image

ahuang commented 5 years ago

I am not sure what you mean - like this? image

yes, i want this result. how to get this? use any options?

wickedest commented 5 years ago

Hi @ahuang, you can modify the css styles. The the css classes are:

.a - added .c - changed .d - deleted

lines: The lhs is left-hand-side, and rhs is right-hand-side. Note that Mergely interprets left-to-right, so lines can be deleted from lhs, added to rhs, or changed.

words: Word styles are similar, where ".d.lhs" is a deleted word, and ".a.rhs" is an added word.

So for example:

.mergely.ch.d.lhs {
  background-color: #ffe9e9;
  text-decoration: line-through;
  color: red !important;
}

This is a style for a deleted word (from the lhs) that is red with the line-through (strike-through). The equivalent for the rhs is:

.mergely.ch.a.rhs {
  background-color: #ddeeff;
}

You need to play around with these styles and swap them until you get the result that you want. In your distribution, you will find a mergely.css file. You can modify it, or override them with your own css file.

ahuang commented 5 years ago

@wickedest thanks for you help very much! i got your idea and i have solved my problem by simple css style override method!