Code diff should use css pseudo elements for + & - status

The diff viewer, has “*+“ and “-*” as a part of the source code line itself, which if copied is quite a nuisance.

Since, the diff status per line is already colour coded with CSS, pseudo elements can be added via CSS to insert “*“ and “” prepending the code, without it getting selected. Though, some modifications to the server side also need to be to not insert ““ and “*” .

‌

.refract-container .deletion pre.source::before {
    content: '-';
}

.refract-container .addition pre.source::before {
    content: '+';
}