From 5a407902de0ca746bca76c7e2099ee5ba9d4d8d3 Mon Sep 17 00:00:00 2001
From: Michael Chow <mc_al_github@fastmail.com>
Date: Mon, 4 Nov 2024 15:47:47 -0500
Subject: [PATCH] docs: fix sidebar preview and collapse

---
 docs/get-started/sidebar.qmd | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/docs/get-started/sidebar.qmd b/docs/get-started/sidebar.qmd
index 0e1af47..f162a2d 100644
--- a/docs/get-started/sidebar.qmd
+++ b/docs/get-started/sidebar.qmd
@@ -23,12 +23,16 @@ with a [Quarto sidebar configuration](https://quarto.org/docs/websites/website-n
 The Quarto [`metadata-files` option](https://quarto.org/docs/projects/quarto-projects.html#metadata-includes) ensures
 it's included with the configuration in `_quarto.yml`.
 
+::: { .callout-note}
 Here is what the sidebar for the [quartodoc reference page](/api) looks like:
 
-<div class="sourceCode">
-<pre class="sourceCode yaml"><code class="sourceCode yaml">{{< include /api/_sidebar.yml >}}
-</code></pre>
-</div>
+<details>
+```yaml
+{{< include /api/_sidebar.yml >}}
+```
+</details>
+
+:::
 
 ## Customizing the sidebar