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

Browse Source 
Les <code> imbriqués dans un <pre> héritaient de prose-code:bg-m-bg
(fond clair) sans réinitialiser la couleur, rendant le texte illisible
sur le fond sombre du bloc. Ajout des overrides [&_pre_code] (fond
transparent, padding nul, couleur héritée) en mode lecture seule et
édition, alignés sur MarkdownPreviewModal côté Lesstime.
This commit is contained in:
Matthieu
2026-06-08 14:43:03 +02:00
parent eb9a00b6c8
commit 477fa72553
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: () => {