juanatsap
fb313d8dc6
Removed 'open' attribute from accordion <details> elements to ensure sidebars start collapsed on mobile view, providing a cleaner initial state. Changes: - templates/partials/cv/sidebar.html: Removed open attribute - templates/cv-content.html: Removed open attributes (2 occurrences) - templates/language-switch.html: Removed open attributes (2 occurrences) - tests/mjs/43-mobile-accordion-and-modal-test.mjs: Updated test expectations Test results: ✅ Accordion initially closed ✅ Content initially hidden ✅ Toggle functionality working perfectly ✅ Modal centering maintained (0px offset)
27 lines
1015 B
HTML
27 lines
1015 B
HTML
{{define "sidebar"}}
|
|
<!-- Sidebar - Reusable for left and right -->
|
|
<aside class="cv-sidebar {{.SidebarClass}}">
|
|
<details class="sidebar-accordion">
|
|
<summary class="sidebar-accordion-header">
|
|
<iconify-icon icon="mdi:brain" width="20" height="20"></iconify-icon>
|
|
<span>{{.SidebarTitle}}</span>
|
|
<iconify-icon icon="mdi:chevron-down" width="20" height="20" class="chevron"></iconify-icon>
|
|
</summary>
|
|
<div class="sidebar-accordion-content">
|
|
{{range .Skills}}
|
|
<section class="sidebar-section">
|
|
<details open>
|
|
<summary>
|
|
<h3 class="sidebar-title">{{.Category}}</h3>
|
|
</summary>
|
|
<div class="sidebar-content">
|
|
{{range .Items}}<div class="skill-item">{{.}}</div>{{end}}
|
|
</div>
|
|
</details>
|
|
</section>
|
|
{{end}}
|
|
</div>
|
|
</details>
|
|
</aside>
|
|
{{end}}
|