Edit Style - LESS & CSS (RTL issue)

This is an issue for me as its showing the code in a way that cannot be edited. Here it must be LTR. Its very hard to edit in this way.

here example to be more clear:

Please check RTL and try to edit to see how its difficult.

Quote from TimWolla

Hi

I just commited a change that should fix this issue (it forces LTR for the editor). But I have no idea how well it works with a real RTL language and arabic words inside the editor. You might want to check it out before: https://github.com/WoltLab/WCF…467bb61b857b444aa682cc56e
Add the green lines to the wcf/style/layout.less and clear the cache in your ACP.

Still the same after i clear the cache..

Quote from GTB

Try deleting the layout.less css file from host end before you upload it again (rather than overwrite it). Try going into the cache folder (wfc/cache) as well and delete all cache files listed manually but make sure you don't delete the htaccess file in it

i have already made this. Anyway i found a way:

The file is Codemirror.css

if you edit this file and add

direction: ltr;

.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
direction: ltr;
}

then it will be okay...

Quote from TimWolla

That's basically what my change is doing. It's just not modifying a third party file. Great that it works.

But it did not work when i made editing in the layout.less ?!

it works perfect now. Thank you.. I hope it will be fixed for the next version.

Quote from TimWolla

Hi

it is already commited for the next update within our version control system.

That is amazing support