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

[ahuang]

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

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]

I am not sure what you mean - like this?

[ahuang]

I am not sure what you mean - like this?

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

[wickedest]

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]

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