@vscode/markdown-editor 0.0.2-56 → 0.0.2-58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode/markdown-editor",
-  "version": "0.0.2-56",
+  "version": "0.0.2-58",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -115,5 +115,5 @@
     "vitest": "^4.1.0",
     "zod": "^4.3.6"
   },
-  "gitHead": "2f7f4d88ca5b2b5fee7ec021e017827e5e3329e0"
+  "gitHead": "eadad30dc54a1d944a11c9701b859891a425380f"
 }

package/src/view/editor.css

@@ -622,9 +622,26 @@ pre.md-unhandled-scroll.md-code-block {
 
 .md-blockquote>.md-marker-blockQuoteMarker {
 	position: absolute;
-	right: calc(100% - var(--md-blockquote-pad, 0px));
+	right: calc(100% - var(--md-blockquote-pad, 0px) - 1ch);
 	top: auto;
+	/*
+	 * Reserve the optional-space column so adding it cannot move the `>` glyph,
+	 * then shift and scale every active quote marker consistently to leave a
+	 * virtual gap before body text without consuming source width. These tuned
+	 * properties are shared by ordinary and marker-only quote lines.
+	 */
+	--md-blockquote-marker-shift: -0.18ch;
+	--md-blockquote-marker-scale: 0.9;
+	display: inline-flex;
+	min-width: 2ch;
+	font-size: inherit;
+	line-height: inherit;
+	height: 1lh;
+	align-items: center;
+	text-align: left;
 	white-space: pre;
+	transform: translateX(var(--md-blockquote-marker-shift)) scale(var(--md-blockquote-marker-scale));
+	transform-origin: left center;
 }
 
 /* Inactive: gone entirely (the gutter is empty, the text stays put). */
@@ -632,6 +649,16 @@ pre.md-unhandled-scroll.md-code-block {
 	display: none;
 }
 
+/* Collapsed block-gap newlines still need one flow box per marker-only line. */
+.md-blockquote-line-anchor {
+	display: block;
+}
+
+/* A trailing marker-only source line follows the preceding quoted line directly. */
+.md-blockquote-marker-only-line>.md-paragraph:last-of-type {
+	margin-bottom: 0;
+}
+
 /* Code/math blocks scroll horizontally; their look is theme-defined. */
 .md-code-block {
 	overflow-x: auto;

package/src/view/themes/default.css

@@ -30,7 +30,7 @@
 .md-theme-default .md-code-block {
     background: #f4f4f4;
     border-radius: 4px;
-    padding: 12px 16px;
+    padding: 8px 12px;
     margin: 0.5em 0;
 }
 

package/src/view/themes/github.css

@@ -67,14 +67,8 @@
 .github-markdown-theme .md-blockquote {
     margin: 0 0 16px 0;
     padding: 0 1em;
-    /*
-     * The left padding the `>` gutter hangs in (matches padding-left: 1em at
-     * the 16px blockquote font). Must be an absolute length, not `1em`: the
-     * marker positions itself with this var inside its own (smaller, 0.85em)
-     * font context, so an `em` value would resolve against the marker's
-     * font-size and pull the `>` ~2px out of alignment with the text.
-     */
-    --md-blockquote-pad: 16px;
+    /* Matches padding-left; `em` is safe because shared marker geometry inherits font size. */
+    --md-blockquote-pad: 1em;
     color: #59636e;
     border-left: 0.25em solid #d1d9e0;
 }
@@ -121,7 +115,7 @@
 .github-markdown-theme .md-code-block {
     margin-top: 0;
     margin-bottom: 16px;
-    padding: 10px 16px;
+    padding: 8px 12px;
     font-size: 85%;
     line-height: 1.45;
     background-color: #f6f8fa;

package/src/view/themes/vscode-default.css

@@ -152,14 +152,9 @@
  */
 .md-theme-vscode-default .md-blockquote {
     margin: 0 0 16px 0;
-    padding: 0 16px 0 10px;
-    /*
-     * The left padding the `>` gutter hangs in (matches padding-left: 10px).
-     * Must be an absolute length, not `em`: the marker positions itself with
-     * this var inside its own (smaller) font context, so an `em` value would
-     * resolve against the marker's font-size and pull the `>` out of alignment.
-     */
-    --md-blockquote-pad: 10px;
+    padding: 0 16px 0 12px;
+    /* The left padding the `>` gutter hangs in (matches padding-left). */
+    --md-blockquote-pad: 12px;
     background-color: var(--vscode-textBlockQuote-background, transparent);
     border-left: 5px solid var(--vscode-textBlockQuote-border, #d1d9e0);
     border-radius: 2px;
@@ -217,7 +212,7 @@
 .md-theme-vscode-default .md-code-block {
     margin-top: 0;
     margin-bottom: 16px;
-    padding: 16px;
+    padding: 6px 10px;
     line-height: 1.357;
     background-color: var(--vscode-textCodeBlock-background, #f6f8fa);
     border: 1px solid var(--vscode-widget-border, #d1d9e0);

package/src/view/themes/vscode-github.css

@@ -156,14 +156,8 @@
 .md-theme-vscode-github .md-blockquote {
     margin: 0 0 16px 0;
     padding: 0 1em;
-    /*
-     * The left padding the `>` gutter hangs in (matches padding-left: 1em at
-     * the base font). Must be an absolute length, not `1em`: the marker
-     * positions itself with this var inside its own (smaller, 0.85em) font
-     * context, so an `em` value would resolve against the marker's font-size
-     * and pull the `>` out of alignment with the text.
-     */
-    --md-blockquote-pad: 16px;
+    /* Matches padding-left; `em` is safe because shared marker geometry inherits font size. */
+    --md-blockquote-pad: 1em;
     color: var(--vscode-descriptionForeground, #59636e);
     border-left: 0.25em solid var(--vscode-textBlockQuote-border, #d1d9e0);
 }
@@ -214,7 +208,7 @@
 .md-theme-vscode-github .md-code-block {
     margin-top: 0;
     margin-bottom: 16px;
-    padding: 10px 16px;
+    padding: 6px 10px;
     font-size: 85%;
     line-height: 1.45;
     background-color: var(--vscode-textCodeBlock-background, #f6f8fa);