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

[FEATURE] Améliorer le design des flashcards (PIX-14929) #10363

Open
wants to merge 6 commits into
base: dev
Choose a base branch
from

Conversation

clemlatz
Copy link
Member

@clemlatz clemlatz commented Oct 18, 2024

🦄 Problème

Le design des Flashcards n'est pas parfait.

🤖 Proposition

Améliorer le design des Flashcards :

  • Ajouter l'image de fond qui suggèrent les prochaines cartes
  • Mettre le bouton "Presque" en jaune pour qu'il se détache mieux du fond bleu
  • Ajouter des effets au survol et au clic sur les boutons de réponses
  • Mettre une taille fixe au footer pour éviter que le texte en dessous sautille au changement de carte
  • Équilibrer les textes et les espacements dans le footer
  • Retirer l'icône dans le bouton voir la réponse
  • Centrer la question et la réponse lorsque la carte n'a pas d'image

Capture d’écran 2024-10-18 à 11 51 34

🌈 Remarques

@QuentinChapelain-ui est bien content.

💯 Pour tester

Test de non regression sur l'élément flashcards du didacticiel.

@pix-bot-github
Copy link

Une fois les applications déployées, elles seront accessibles via les liens suivants :

Les variables d'environnement seront accessibles via les liens suivants :

in Modulix flashcards element
@clemlatz clemlatz changed the title [FEATURE] Améliorer le design des flashcards [FEATURE] Améliorer le design des flashcards (PIX-14929) Oct 18, 2024
@clemlatz clemlatz force-pushed the improve-modulix-flashcards-design branch from 760dbe7 to 40853c3 Compare October 18, 2024 14:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants