Modernize docs navigation buttons with icons

- Replaced text-based "Show/Hide" sidebar toggles with SVG chevron icons.
- Added a hamburger menu icon to the "Contents" button on mobile view.
- Updated `js/docsView.js` to handle icon toggling and properly hide flex container elements using the `.hidden` class.
- Improved accessibility by maintaining `aria-expanded` attributes.

Co-authored-by: PR0M3TH3AN <[email protected]>
This commit is contained in:
google-labs-jules[bot]andPR0M3TH3AN committed 2026-01-27 19:43:24 +00:00
1 parent 831c0d6753
commit e6e3b47fce
2 files changed
+38 -6

No files matched your search

+16 -2
View File
@@ -19,12 +19,26 @@
</h2>
<button
type="button"
class="btn-ghost lg:hidden"
class="btn-ghost lg:hidden flex items-center gap-2"
aria-controls="docsTocDrawer"
aria-expanded="false"
data-docs-toc-toggle
>
Contents
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h16"
/>
</svg>
<span>Contents</span>
</button>
</header>
<div id="markdown-container" class="markdown-prose">