style: improve pill layout for mobile

- Wrap lesson label in span for mobile hiding
- Truncate module name with ellipsis if too long
- Hide "Lesson/Lektion" label on mobile, show only "1 / 3"
- Add lessonLabel i18n keys for EN/DE
This commit is contained in:
2025-12-30 20:03:33 +01:00
parent 5940fb2e72
commit cfce603980
4 changed files with 18 additions and 3 deletions

View File

@@ -129,10 +129,10 @@ describe("Renderer Module", () => {
const element = document.getElementById("level-indicator");
renderLevelIndicator(element, 3, 10);
expect(element.textContent).toBe("Lesson 3 of 10");
expect(element.textContent).toBe("Lesson 3 / 10");
renderLevelIndicator(element, 1, 5);
expect(element.textContent).toBe("Lesson 1 of 5");
expect(element.textContent).toBe("Lesson 1 / 5");
});
});