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 62157e8b78
commit b7a34b02d8
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;
}
/* RTL: Text alignment */
/* RTL: Content areas - use auto direction for mixed content */
[dir="rtl"] .lesson-description,
[dir="rtl"] .task-instruction,
[dir="rtl"] #lesson-title {
text-align: right;
[dir="rtl"] .task-instruction {
direction: auto;
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 */