fix: add kbd tags to validation messages for clarity

- Wrap HTML element names in <kbd> tags in all validation messages
- Apply consistent formatting to both English and German lessons
- Make hints clearer about which elements/attributes to use
- Fix mobile editor layout overflow issue
This commit is contained in:
2025-12-25 15:55:26 +01:00
parent 935969a80c
commit 31407dcb51
27 changed files with 230 additions and 222 deletions

View File

@@ -21,7 +21,7 @@
{
"type": "element_exists",
"value": "marquee",
"message": "Füge ein <marquee>-Element hinzu"
"message": "Füge ein <kbd>&lt;marquee&gt;</kbd>-Element hinzu"
}
]
},
@@ -40,12 +40,12 @@
{
"type": "element_exists",
"value": "marquee",
"message": "Füge ein <marquee>-Element hinzu"
"message": "Füge ein <kbd>&lt;marquee&gt;</kbd>-Element hinzu"
},
{
"type": "attribute_value",
"value": { "selector": "marquee", "attr": "behavior", "value": "alternate" },
"message": "Füge behavior=\"alternate\" zum Springen hinzu"
"message": "Füge <kbd>behavior=</kbd>\"alternate\" zum Springen hinzu"
}
]
},
@@ -64,17 +64,17 @@
{
"type": "element_exists",
"value": "marquee",
"message": "Füge ein <marquee>-Element hinzu"
"message": "Füge ein <kbd>&lt;marquee&gt;</kbd>-Element hinzu"
},
{
"type": "attribute_value",
"value": { "selector": "marquee", "attr": "direction", "value": "left" },
"message": "Füge direction=\"left\" für horizontales Scrollen hinzu"
"message": "Füge <kbd>direction=</kbd>\"left\" für horizontales Scrollen hinzu"
},
{
"type": "attribute_value",
"value": { "selector": "marquee", "attr": "scrollamount", "value": "5" },
"message": "Füge scrollamount=\"5\" für flüssige Geschwindigkeit hinzu"
"message": "Füge <kbd>scrollamount=</kbd>\"5\" für flüssige Geschwindigkeit hinzu"
}
]
}