fix(toc): scope the hide-on-mobile rule to the desktop TOC only
Browse filesThe 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>
frontend/src/styles/_layout.css
CHANGED
|
@@ -34,7 +34,11 @@
|
|
| 34 |
grid-template-columns: 1fr;
|
| 35 |
}
|
| 36 |
|
| 37 |
-
.
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
}
|