mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-11-04 03:42:26 +00:00
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:
1 parent
831c0d6753
commit
e6e3b47fce
2 files changed
+38
-6
No files matched your search
+16
-2
@@ -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">
|
||||
|
||||
Reference in new issue
Block a user