From f6cd109d23c7c1b000143b7a5538ad683c849a8f Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Wed, 30 Sep 2026 10:55:46 +0200
Subject: [PATCH] fix(TableOfContents): don't display toc container on mobile

fix(TableOfContents): don't display toc container on mobile

It doesn't serve a purpose there and possibly overlays content. E.g. the

three dot menu of code blocks is not clickable there.

Signed-off-by: Jonas <jonas@freesources.org>

[skip ci]
---
 .../Editor/TableOfContents/TocContainer.vue         | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Editor/TableOfContents/TocContainer.vue b/src/components/Editor/TableOfContents/TocContainer.vue
index 32fe45ce85a..3aa1f857ddc 100644
--- a/src/components/Editor/TableOfContents/TocContainer.vue
+++ b/src/components/Editor/TableOfContents/TocContainer.vue
@@ -4,9 +4,9 @@
 -->
 
 <template>
-	<div class="editor__toc-container">
-		<!-- desktop -->
-		<div v-if="!isMobile" class="editor__toc-content">
+	<!-- desktop -->
+	<div v-if="!isMobile" class="editor__toc-container">
+		<div class="editor__toc-content">
 			<TocOutline
 				v-if="!displayToc && headings.length > 1"
 				@show-toc="setDisplayToc(true)" />
@@ -22,6 +22,13 @@
 				@heading-clicked="setDisplayToc(false)" />
 		</TocMobile>
 	</div>
+
+	<!-- mobile -->
+	<TocMobile v-else-if="displayToc" @close="setDisplayToc(false)">
+		<TableOfContents
+			:showClose="false"
+			@headingClicked="setDisplayToc(false)" />
+	</TocMobile>
 </template>
 
 <script setup>