From 1cf7864f6efb29ea7371b1be52e68c3cf85419f9 Mon Sep 17 00:00:00 2001 From: THOLOT DECHENE Matthieu Date: Mon, 8 Jun 2026 12:46:42 +0000 Subject: [PATCH] =?UTF-8?q?fix(input)=20:=20lisibilit=C3=A9=20des=20blocs?= =?UTF-8?q?=20de=20code=20dans=20InputRichText=20(#62)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Les `` imbriqués dans un `
` héritaient de `prose-code:bg-m-bg` (fond clair) sans réinitialiser la couleur du texte, rendant les blocs de code multi-lignes illisibles (texte sombre sur le fond foncé `prose-pre:bg-m-text`).

Ajout des overrides `[&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit` en mode lecture seule **et** édition, alignés sur ce que fait déjà `MarkdownPreviewModal` côté Lesstime.

Repro : ouvrir une tâche dont la description contient un bloc de code (ex. ticket MTLIOT-9 dans Lesstime).
---------

Co-authored-by: Matthieu 
Reviewed-on: https://gitea.malio.fr/MALIO-DEV/malio-layer-ui/pulls/62
Co-authored-by: THOLOT DECHENE Matthieu 
Co-committed-by: THOLOT DECHENE Matthieu 
---
 app/components/malio/input/InputRichText.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/components/malio/input/InputRichText.vue b/app/components/malio/input/InputRichText.vue
index 8c3a9af..559efc9 100644
--- a/app/components/malio/input/InputRichText.vue
+++ b/app/components/malio/input/InputRichText.vue
@@ -316,6 +316,7 @@ const mergedReadonlyClass = computed(() =>
     'prose-headings:font-semibold prose-a:text-m-primary',
     'prose-code:rounded prose-code:bg-m-bg prose-code:px-1.5 prose-code:py-0.5 prose-code:before:content-none prose-code:after:content-none',
     'prose-pre:bg-m-text prose-pre:text-white',
+    '[&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit',
     props.editorClass,
   ),
 )
@@ -494,7 +495,7 @@ onMounted(() => {
     ],
     editorProps: {
       attributes: {
-        class: 'prose prose-sm max-w-none w-full p-3 focus:outline-none prose-headings:font-semibold prose-a:text-m-primary prose-code:rounded prose-code:bg-m-bg prose-code:px-1.5 prose-code:py-0.5 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-m-text prose-pre:text-white',
+        class: 'prose prose-sm max-w-none w-full p-3 focus:outline-none prose-headings:font-semibold prose-a:text-m-primary prose-code:rounded prose-code:bg-m-bg prose-code:px-1.5 prose-code:py-0.5 prose-code:before:content-none prose-code:after:content-none prose-pre:bg-m-text prose-pre:text-white [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit',
       },
     },
     onUpdate: () => {