- Création du layout de la conversation
- Création de la structure dans le fichier html avec simulation de message et mise en page sommaire/fonctionnelle en CSS
- Adapter la taille de la bulle à la taille du contenu
- Aligner la bulle de l'utilisateur à droite [A REFAIRE !]
- Fixer le formulaire avec le text-area en bas
Design
- Regarder comment empecher le resizing manuel d'un text-area
- Text-area qui s'adapte à la longueur du texte
- Adapter le design avec les fichiers de Christian (couleurs, avatars, import du logo dans le header)
- Enlever les margin en trop des balises pre !
- Forcer le Roboto pour les balise pre et voir si ca fonctionne.
- Changer pour le background v2
- Mettre un max heigth pour qu'il n'y ait qu'une barre de scroll pour la partie des anciens messages et pas sur l'entiereté de l'interface
-
Créer la maquette de la page de présentation-> Délégué à Christian -
Créer la page de présentation-> Délégué à Christian - Inclure les typos et une hauteur de 100vh dans la page de présentation
- Ne pas paniquer
- Faire en sorte que les messages démarrent d'en bas (Merci Guillaume !)
-
Puller le css d'hier ! UILE PADDDDDIIIIIIIING ! 😵 - Resoudre les barres de scrolling pas utiles
- Adapter la hauteur de old message
- Limiter la longueur du text area à 3 lignes
- Faire en sorte que old message affiche la barre et que le heigth de body reste à 100%/vh
- Faire le JS du bouton pour qu'il display le tchatbot
- Faire un design mobile pour toute l'interface > j'imagine c'est la hauteur
- Adapter l'interface à la page de présentation
- Colorier les bordures et l'icone du form
- Virer l'espace a gauche pour l'index en responsive
- rajouter un padding left & right dans les old messages
-
Faire le contenu et le design du footer-> Délégué à Christian
- Utiliser les têtes différentes pour le robot en fonction des emotions (pour le moment y'en a 3)
- Mettre un margin left a l'index