Chat message appearance: linebreak + background color

• Remove linebreak in chat message
• Change dark blue background color in own-message to make it lighter, light blue, grey or something else, but dark font on light background color

changed milestone to %0.3: Improved User Experience

added To do UX labels

changed title from Linebreak in chat message to Chat message appearance: linebreak + background color

changed the description

assigned to @dvanrossum

Pour régler le souci du passage à l ligne en trop, j'ai fait :

</div><!--
-->{#if isEdit}

rien qu'un espace entre la fin du div et le début du commentaire remet le passage à la ligne en trop. Mais faire cela créer une erreur de eslint.

@bridubois j'ai vu que plus haut, tu avais utilisé dans le fichier message.svelte

<!-- eslint-disable-next-line svelte/html-closing-bracket-spacing -->

Je n'ai pas réussi à faire pareil pour cette ligne, est-ce que tu aurais une piste ?

Indeed, thank you for finding the problem. The issue seems more related to prettier than eslint. I have been able to keep the formatting as-is using <!-- prettier-ignore --> on their parent. Here is the diff:

diff --git a/frontend/src/lib/components/sessions/message.svelte b/frontend/src/lib/components/sessions/message.svelte
index 8efca96..98c6c64 100644
--- a/frontend/src/lib/components/sessions/message.svelte
+++ b/frontend/src/lib/components/sessions/message.svelte
@@ -167,6 +167,7 @@
 			class="rounded-full"
 		/>
 	</div>
+	<!-- prettier-ignore -->
 	<div
 		class="chat-bubble whitespace-pre-wrap text-black"
 		class:bg-blue-200={isSender}

created branch 122-chat-message-appearance-linebreak-background-color to address this issue

marked the checklist item Remove linebreak in chat message as completed

marked the checklist item Change dark blue background color in own-message to make it lighter, light blue, grey or something else, but dark font on light background color as completed

mentioned in merge request !3 (merged)

closed