style: improve pill layout for mobile
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
- 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 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -163,7 +163,8 @@ export function renderLesson(titleEl, descriptionEl, taskEl, previewEl, prefixEl
|
||||
* @param {number} total - The total number of levels
|
||||
*/
|
||||
export function renderLevelIndicator(element, current, total) {
|
||||
element.textContent = t("levelIndicator", { current, total });
|
||||
const label = t("lessonLabel");
|
||||
element.innerHTML = `<span class="level-label">${label}</span> ${current} / ${total}`;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user