From 84de606350f8735a6509144d98722b1e1557d433 Mon Sep 17 00:00:00 2001
From: Valentin Haudiquet <valentin.haudiquet@canonical.com>
Date: Fri, 28 Nov 2025 00:36:00 +0100
Subject: [PATCH] Fix hidden/collapsed TOC on mobile

---
 app/pages/blog/[slug].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/blog/[slug].vue b/app/pages/blog/[slug].vue
index 81c9fca..e81701d 100644
--- a/app/pages/blog/[slug].vue
+++ b/app/pages/blog/[slug].vue
@@ -20,7 +20,7 @@ defineOgImageComponent('BlogPost', {
   <div class="flex xl:flex-row flex-col-reverse xl:mt-20 sm:mt-10 mt-5 xl:mb-20 mb-5 m-auto">
     <ContentRenderer v-if="data" :value="data" class="max-w-4xl w-[90%] xl:mr-10 m-auto content" />
   
-    <div v-if="data?.body.toc != undefined" class="xl:visible collapse xl:mt-0 mt-5 xl:ml-10 ml-5 mb-10 m-auto max-w-60 xl:sticky xl:top-16">
+    <div v-if="data?.body.toc != undefined" class="xl:visible xl:block collapse hidden xl:mt-0 mt-5 xl:ml-10 ml-5 mb-10 m-auto max-w-60 xl:sticky xl:top-16">
       <ul>
         <BlogTocLink v-for="link of data.body.toc.links" :link="link" />
       </ul>