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

fix(rtl): sidebar chevron and titles right-aligned using order property

Browse Source
This commit is contained in:
Michael Czechowski
2026-01-14 18:37:04 +01:00
parent daf5aa1134
commit 96f2ec1970
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/main.css
View File

@@ -1658,13 +1658,14 @@ input:checked + .toggle-slider::before {
/* RTL: Module header - chevron on right, text right-aligned */
[dir="rtl"] summary.module-header {
flex-direction: row-reverse;
justify-content: flex-end;
text-align: right;
}
[dir="rtl"] summary.module-header::before {
margin-left: 0;
margin-right: 8px;
order: 1;
margin-left: 8px;
margin-right: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M7 1 L3 5 L7 9' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@@ -1677,6 +1678,13 @@ input:checked + .toggle-slider::before {
text-align: right;
}
/* RTL: Lesson checkmark on right */
[dir="rtl"] .lesson-list-item.completed::before {
float: right;
margin-left: 6px;
margin-right: 0;
}
/* RTL: Module completed checkmark position (::after) */
[dir="rtl"] .module-header.completed::after {
margin-left: 0;