public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

fix(rtl): auto-detect text direction for untranslated content

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-31 01:51:01 +01:00
parent f8a981225f
commit 13382565c0
1 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/main.css
View File

@@ -1363,11 +1363,24 @@ input:checked + .toggle-slider::before {
margin-right: 0; margin-right: 0;
} }
/* RTL: Text alignment */ /* RTL: Content areas - use auto direction for mixed content */
[dir="rtl"] .lesson-description, [dir="rtl"] .lesson-description,
[dir="rtl"] .task-instruction, [dir="rtl"] .task-instruction {
[dir="rtl"] #lesson-title { direction: auto;
text-align: right; unicode-bidi: plaintext;
}
/* RTL: Code editor always LTR */
[dir="rtl"] .editor-content,
[dir="rtl"] .CodeMirror {
direction: ltr;
text-align: left;
}
/* RTL: Preview always LTR (code output) */
[dir="rtl"] .preview-wrapper,
[dir="rtl"] #preview-area {
direction: ltr;
} }
/* RTL: Dialog close button */ /* RTL: Dialog close button */