Skip to content

Commit 7f85ef6

Browse files
committed
Hide embedded TOC as soon as the sidebar TOC appears
Before: .toc.sidebar was revealed at lg (1024px) but .toc.embedded only hid at xl (1280px), so the 1024-1279px window and wide Safari windows on slightly-narrower-than-full-screen layouts showed both TOCs at once (once inline at the top of the article, once as the right-hand sidebar). Switch .toc.embedded to lg:hidden so the embedded copy disappears the moment the sidebar is available. On screens below 1024px the embedded TOC keeps acting as the mobile fallback, the sidebar stays hidden.
1 parent cc14f17 commit 7f85ef6

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

ui-bundle/src/css/site.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -529,7 +529,7 @@ main.article > .content {
529529
}
530530

531531
.toc.embedded {
532-
@apply mb-8 border border-neutral-200 bg-neutral-100/60 p-4 xl:hidden dark:border-neutral-800 dark:bg-neutral-900/60;
532+
@apply mb-8 border border-neutral-200 bg-neutral-100/60 p-4 lg:hidden dark:border-neutral-800 dark:bg-neutral-900/60;
533533
}
534534

535535
/* ---------------------------------------------------------------------------

0 commit comments

Comments
 (0)