From 44d0d339536fb39d72f9740936ca2133c7de4284 Mon Sep 17 00:00:00 2001 From: Daniel Scherzer Date: Sun, 14 Jan 2024 20:27:32 -0800 Subject: [PATCH] Toc component: style improvements Improve the styles for the newly added Toc component, which adds a sticky table of contents: - Restore a background color for the table. - With that background color, the table shouldn't take up the entire width of the page, so remove the 100% width. - Specify `z-index: 1;` for the wrapping div so that reference tooltips from the Cite extension are not shown through the table of contents. WE-279 --- resources/styles/Components/Toc.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/resources/styles/Components/Toc.scss b/resources/styles/Components/Toc.scss index 6b9132e1..a015e1a9 100644 --- a/resources/styles/Components/Toc.scss +++ b/resources/styles/Components/Toc.scss @@ -9,6 +9,7 @@ .chameleon-toc-wrapper { position: sticky; top: 0; + z-index: 1; max-height: 100vh; overflow: auto; @@ -35,9 +36,7 @@ .toc { border: unset; - background-color: unset; font-size: unset; - width: 100%; ul { flex-direction: column;