diff --git a/packages/design-system/src/components/N8nMarkdown/Markdown.vue b/packages/design-system/src/components/N8nMarkdown/Markdown.vue index 1074d584bf..fa65a8cdc6 100644 --- a/packages/design-system/src/components/N8nMarkdown/Markdown.vue +++ b/packages/design-system/src/components/N8nMarkdown/Markdown.vue @@ -251,17 +251,9 @@ const onCheckboxChange = (index: number) => { } } - pre { - margin-bottom: var(--spacing-s); - display: grid; - } - pre > code { - display: block; - padding: var(--spacing-s); - color: var(--color-text-dark); background-color: var(--color-background-base); - overflow-x: auto; + color: var(--color-text-dark); } li > code, @@ -356,9 +348,8 @@ input[type='checkbox'] + label { } } - code { + pre > code { background-color: var(--color-sticky-code-background); - padding: 0 var(--spacing-4xs); color: var(--color-sticky-code-font); } @@ -385,6 +376,20 @@ input[type='checkbox'] + label { } } +.sticky, +.markdown { + pre { + margin-bottom: var(--spacing-s); + display: grid; + } + + pre > code { + display: block; + padding: var(--spacing-s); + overflow-x: auto; + } +} + .spacer { margin: var(--spacing-2xl); }