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

fix: header pill shows module name + level, fix RTL checkmark spacing

Browse Source
This commit is contained in:
Michael Czechowski
2026-01-14 17:53:29 +01:00
parent 64caaeb049
commit 468163a2ec
2 changed files with 32 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/main.css
View File

@@ -151,6 +151,15 @@ kbd {
margin-left: var(--spacing-sm);
}
.header-module-name {
font-weight: 600;
color: var(--text-color);
}
.header-level {
margin-left: 0.5em;
}
.header-left {
display: flex;
align-items: center;
@@ -1652,12 +1661,29 @@ input:checked + .toggle-slider::before {
transform: rotate(-90deg);
}
/* RTL: Module completed checkmark position (::after) */
[dir="rtl"] .module-header.completed::after {
margin-left: 0;
margin-right: 8px;
}
/* RTL: Lesson checkmark position */
[dir="rtl"] .lesson-list-item::before {
[dir="rtl"] .lesson-list-item.completed::before {
margin-left: 6px;
margin-right: 0;
}
/* RTL: Header level pill */
[dir="rtl"] .header-level-pill {
margin-left: 0;
margin-right: var(--spacing-sm);
}
[dir="rtl"] .header-level {
margin-left: 0;
margin-right: 0.5em;
}
/* RTL: Toggle switch slider */
[dir="rtl"] .toggle-slider {
margin-right: 0;