MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(input) : lisibilité des blocs de code dans InputRichText (#62)

Browse Source 
Les `<code>` imbriqués dans un `<pre>` 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 <contact@malio.fr>
Reviewed-on: #62
Co-authored-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Co-committed-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
This commit was merged in pull request #62.
This commit is contained in:
THOLOT DECHENE Matthieu
2026-06-08 12:46:42 +00:00
committed by admin malio
parent eb9a00b6c8
commit 1cf7864f6e
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/malio/input/InputRichText.vue
+2 -1
View File
@@ -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: () => {