tfrere HF Staff Cursor commited on
Commit
bf08f85
·
1 Parent(s): add3959

fix(toc): scope the hide-on-mobile rule to the desktop TOC only

Browse files

The previous rule hid every `.table-of-contents` on narrow
viewports, which also matched the React component re-rendered
inside `.toc-mobile-sidebar` (the hamburger drawer). Result:
the drawer opened to an empty body.

Scope the hide to `.content-grid .table-of-contents` so the
drawer copy of the same component stays visible.

Co-authored-by: Cursor <cursoragent@cursor.com>

Files changed (1) hide show
  1. frontend/src/styles/_layout.css +5 -1
frontend/src/styles/_layout.css CHANGED
@@ -34,7 +34,11 @@
34
  grid-template-columns: 1fr;
35
  }
36
 
37
- .table-of-contents {
 
 
 
 
38
  position: static;
39
  display: none;
40
  }
 
34
  grid-template-columns: 1fr;
35
  }
36
 
37
+ /* Hide only the desktop TOC (the one rendered inside .content-grid).
38
+ We must NOT match the editor's mobile drawer, which renders the same
39
+ React TableOfContents component inside .toc-mobile-sidebar - matching
40
+ it here would empty the hamburger menu on narrow viewports. */
41
+ .content-grid .table-of-contents {
42
  position: static;
43
  display: none;
44
  }