mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
cca3d08f05
- Convert .apropos-toc <nav> to <details class="toc" open> in all three templates - Add caret-down icon to summary (visible only on mobile via media queries) - Desktop (≥768px): sticky sidebar via CSS grid, force-open via pointer-events:none, hide caret - Mobile (≤767px): single column, collapsible TOC with rotating caret, margin-top below search bar - Rename .apropos-toc-link to .toc-sidebar-link - Merge 900px and 600px breakpoints into single 600px mobile media query - Rename apropos.css → content-page.css; update 3 controller references
24 lines
731 B
PHP
24 lines
731 B
PHP
<main class="page-content" id="main-content">
|
|
|
|
<!-- Table of contents: collapsible on mobile, force-open on desktop -->
|
|
<?php if (!empty($tocItems)): ?>
|
|
<details class="toc" open>
|
|
<summary><?= icon('caret-down', 0, 'toc-caret') ?> PARTIES</summary>
|
|
<ul>
|
|
<?php foreach ($tocItems as $item): ?>
|
|
<li><a href="<?= htmlspecialchars($item['href']) ?>"><?= htmlspecialchars($item['label']) ?></a></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</details>
|
|
<?php endif; ?>
|
|
|
|
<div class="content">
|
|
<?php if (!empty(trim($content))): ?>
|
|
<?= $html ?>
|
|
<?php else: ?>
|
|
<p>Contenu à venir.</p>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
</main>
|