giersig.eu/obsidian-memex-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve markdown rendering spacing in chat bubbles

Browse Source 
Paragraphs, lists, headings, code blocks and blockquotes had too little
breathing room. Increased margins/padding throughout .vc-md, added
proper line-height, fixed nested lists, pre>code reset, and added
basic table and hr styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
svemagie
2026-03-04 21:37:21 +01:00
parent d11976e0ca
commit dd7e6cafdb
1 changed files with 42 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles.css
+42 -10
View File
@@ -223,36 +223,52 @@
} }
/* Markdown rendering inside bubble */ /* Markdown rendering inside bubble */
.vc-md {
line-height: 1.65;
}
.vc-md p { .vc-md p {
margin: 0 0 8px; margin: 0 0 10px;
} }
.vc-md p:last-child { .vc-md p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
.vc-md h1, .vc-md h2, .vc-md h3 { .vc-md h1, .vc-md h2, .vc-md h3 {
margin: 12px 0 6px; margin: 16px 0 6px;
font-size: 1em; font-size: 1em;
font-weight: 600; font-weight: 600;
} }
.vc-md h1:first-child, .vc-md h2:first-child, .vc-md h3:first-child {
margin-top: 4px;
}
.vc-md code { .vc-md code {
background: var(--background-primary-alt); background: var(--background-primary-alt);
padding: 1px 4px; padding: 1px 5px;
border-radius: 3px; border-radius: 3px;
font-size: 0.9em; font-size: 0.88em;
} }
.vc-md pre { .vc-md pre {
background: var(--background-primary-alt); background: var(--background-primary-alt);
padding: 8px 10px; padding: 10px 12px;
border-radius: 6px; border-radius: 6px;
overflow-x: auto; overflow-x: auto;
font-size: 12px; font-size: 12px;
margin: 10px 0;
line-height: 1.5;
}
.vc-md pre code {
background: none;
padding: 0;
font-size: inherit;
} }
.vc-md ul, .vc-md ol { .vc-md ul, .vc-md ol {
padding-left: 20px; padding-left: 22px;
margin: 4px 0; margin: 6px 0 10px;
} }
.vc-md li { .vc-md li {
margin: 2px 0; margin: 4px 0;
}
.vc-md li > ul, .vc-md li > ol {
margin: 4px 0;
} }
.vc-md a.internal-link { .vc-md a.internal-link {
color: var(--text-accent); color: var(--text-accent);
@@ -264,10 +280,26 @@
} }
.vc-md blockquote { .vc-md blockquote {
border-left: 3px solid var(--text-muted); border-left: 3px solid var(--text-muted);
margin: 8px 0; margin: 10px 0;
padding: 4px 8px; padding: 6px 10px;
color: var(--text-muted); color: var(--text-muted);
} }
.vc-md hr {
border: none;
border-top: 1px solid var(--background-modifier-border);
margin: 12px 0;
}
.vc-md table {
border-collapse: collapse;
width: 100%;
margin: 10px 0;
font-size: 12px;
}
.vc-md th, .vc-md td {
border: 1px solid var(--background-modifier-border);
padding: 5px 8px;
text-align: left;
}
/* Streaming cursor */ /* Streaming cursor */
.vc-cursor { .vc-cursor {