Fix tables and lists in reference items

davepagurek · davepagurek · commit b310adc03897 · 2024-09-07T09:44:34.000-04:00
diff --git a/src/layouts/ReferenceItemLayout.astro b/src/layouts/ReferenceItemLayout.astro
@@ -90,7 +90,7 @@ const seenParams: Record<string, true> = {};
     <div class="col-span-9 xl:min-w-[1000px]">
       <div
         set:html={description}
-        class="[&_a]:text-type-magenta-dark [&_a]:!decoration-type-magenta-dark mb-xl reference-item"
+        class="[&_a]:text-type-magenta-dark [&_a]:!decoration-type-magenta-dark mb-xl reference-item rendered-markdown"
       />
       {
         examples && (
diff --git a/styles/global.scss b/styles/global.scss
@@ -204,6 +204,7 @@ a {
 code {
   @extend .text-body-mono;
   font-size: inherit;
+  white-space: nowrap;
   background-color: var(--bg-gray-80);
   border-radius: 20px;
   padding: 0 var(--spacing-xxs);
diff --git a/styles/markdown.scss b/styles/markdown.scss
@@ -75,6 +75,9 @@
   table {
     margin: var(--spacing-md) 0;
   }
+  td, th {
+    vertical-align: top;
+  }
 
   hr + h2,
   hr + h3,

Original file line number	Diff line number	Diff line change
`@@ -90,7 +90,7 @@ const seenParams: Record<string, true> = {};`
`90`	`90`	`<div class="col-span-9 xl:min-w-[1000px]">`
`91`	`91`	`<div`
`92`	`92`	`set:html={description}`
`93`		`- class="[&_a]:text-type-magenta-dark [&_a]:!decoration-type-magenta-dark mb-xl reference-item"`
	`93`	`+ class="[&_a]:text-type-magenta-dark [&_a]:!decoration-type-magenta-dark mb-xl reference-item rendered-markdown"`
`94`	`94`	`/>`
`95`	`95`	`{`
`96`	`96`	`examples && (`