From 1476bd2384b24316fd70467780e474f470aacd2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=93scar?= <welpo@users.noreply.github.com>
Date: Sat, 17 Jan 2026 13:23:53 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20improve=20ToC=20UX=20(#613)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/parts/_quick_navigation_buttons.scss | 17 ++---------------
 templates/partials/extra_features.html    |  1 -
 2 files changed, 2 insertions(+), 16 deletions(-)

diff --git a/sass/parts/_quick_navigation_buttons.scss b/sass/parts/_quick_navigation_buttons.scss
index 768592fa..ea9d8b35 100644
--- a/sass/parts/_quick_navigation_buttons.scss
+++ b/sass/parts/_quick_navigation_buttons.scss
@@ -87,29 +87,16 @@
 
             &:checked {
 
-                + .overlay,
-                + .overlay + #toc-button + .toc-content {
+                + #toc-button + .toc-content {
                     display: block;
                 }
 
-                + .overlay + #toc-button svg {
+                + #toc-button svg {
                     fill: var(--primary-color); // Show the ToC icon as toggled.
                 }
             }
         }
 
-        .overlay {
-            display: none;
-            position: fixed;
-            top: 0;
-            right: 0;
-            bottom: 0;
-            left: 0;
-            opacity: 40%;
-            z-index: 1; // Lower than the Table of Contents
-            background: var(--background-color);
-        }
-
     }
 }
 
diff --git a/templates/partials/extra_features.html b/templates/partials/extra_features.html
index d24457c0..6a085c08 100644
--- a/templates/partials/extra_features.html
+++ b/templates/partials/extra_features.html
@@ -11,7 +11,6 @@
         {% if page_or_section.toc %}
             <div id="toc-floating-container">
                 <input type="checkbox" id="toc-toggle" class="toggle"/>
-                <label for="toc-toggle" class="overlay"></label>
                 <label for="toc-toggle" id="toc-button" class="button" title="{{ macros_translate::translate(key="toggle_toc", default="Toggle Table of Contents", language_strings=language_strings) }}">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M414.82-193.094q-18.044 0-30.497-12.32-12.453-12.319-12.453-30.036t12.453-30.086q12.453-12.37 30.497-12.37h392.767q17.237 0 29.927 12.487 12.69 12.486 12.69 30.203 0 17.716-12.69 29.919t-29.927 12.203H414.82Zm0-244.833q-18.044 0-30.497-12.487Q371.87-462.9 371.87-480.45t12.453-29.92q12.453-12.369 30.497-12.369h392.767q17.237 0 29.927 12.511 12.69 12.512 12.69 29.845 0 17.716-12.69 30.086-12.69 12.37-29.927 12.37H414.82Zm0-245.167q-18.044 0-30.497-12.32t-12.453-30.037q0-17.716 12.453-30.086 12.453-12.369 30.497-12.369h392.767q17.237 0 29.927 12.486 12.69 12.487 12.69 30.203 0 17.717-12.69 29.92-12.69 12.203-29.927 12.203H414.82ZM189.379-156.681q-32.652 0-55.878-22.829t-23.226-55.731q0-32.549 23.15-55.647 23.151-23.097 55.95-23.097 32.799 0 55.313 23.484 22.515 23.484 22.515 56.246 0 32.212-22.861 54.893-22.861 22.681-54.963 22.681Zm0-245.167q-32.652 0-55.878-23.134-23.226-23.135-23.226-55.623 0-32.487 23.467-55.517t56.12-23.03q32.102 0 54.721 23.288 22.62 23.288 22.62 55.775 0 32.488-22.861 55.364-22.861 22.877-54.963 22.877Zm-.82-244.833q-32.224 0-55.254-23.288-23.03-23.289-23.03-55.623 0-32.333 23.271-55.364 23.272-23.03 55.495-23.03 32.224 0 55.193 23.288 22.969 23.289 22.969 55.622 0 32.334-23.21 55.364-23.21 23.031-55.434 23.031Z"/></svg>
                 </label>