Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Als Autor möchte ich einzelne Stichpunkte einer LIste besonders hervorheben #181

Open
3 tasks
xwolfde opened this issue Dec 6, 2024 · 0 comments
Open
3 tasks

Comments

@xwolfde
Copy link
Member

xwolfde commented Dec 6, 2024

User Story

Diese Seite präsentiert drei sehr schöne Darstellungen einer Liste:
https://www.klassemedien.de/#digitale-unterrichtsstunde

  • Diese Liste enthält folgende Features: Die Einzelnen Listicons konnten aus einem Set an Icons ausgewählt werden
  • Die Icons werden optisch verbunden dargestellt
  • Beim Hovern über das List-Element (das ganze, nicht nur den Icon), wird das Icon optisch hervorgehoben

Grundlegendes Problem

Dieses Feature kann eine Liste, wie zum Beispiel eine "Feature"-Liste von einem Objekt oder einem Projekt, aber auch einen Ablaufplan grafisch aufpeppen und attraktiv machen

Möglicher Lösungsvorschlag

  • Die einzelnen LIstelemente erhalten eine Option im Block-Editor zur Auswahl des Icons aus Awesome
  • Die Umsetzung erfolgt rein via CSS. Die Icons werden im li:before {} definiert
  • Die Umsetzung des Hovers benötigt ebenfalls nur li:hover::before {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants