builder avec section > suppression du bandeau qui contient le titre de la page - donc le titre du site passe en h1 sur les pages sectionnées aussi, anchors-strip sticky

This commit is contained in:
antonin gallon 2026-01-27 17:33:06 +01:00
parent f0158eea5b
commit 3900966800
5 changed files with 25 additions and 5 deletions

View file

@ -1,5 +1,10 @@
.anchors-strip {
padding: calc(var(--padding-vertical) / 1.6) var(--space-m) !important;
position: sticky;
top: var(--header-height, 0px);
z-index: 9;
background-color: #fff !important;
box-shadow: 0px -10px #fff; /*pour éviter un petit bug du à la latence de anchors-strip_stiky.js*/
}
.anchors-strip ul {

View file

@ -0,0 +1,15 @@
const header = document.querySelector('.main-header');
console.log("test");
const setHeaderHeight = () => {
document.documentElement.style.setProperty(
'--header-height',
`${header.offsetHeight}px`
);
};
setHeaderHeight();
const resizeObserver = new ResizeObserver(setHeaderHeight);
resizeObserver.observe(header);

View file

@ -35,6 +35,10 @@
<!-- script.js -->
<script defer src="<?= url('assets/dist/script.min.js') ?>" type="module"></script>
<?php if ($page->template() == 'sectioned'): ?>
<script defer src="<?= url('/assets/js/anchors-strip_stiky.js') ?>"></script>
<?php endif ?>
<style>
:root {

View file

@ -1,7 +1,7 @@
<header class="main-header">
<nav class="main-nav" aria-label="main-menu">
<a href="/" title="Aller à l'accueil">
<?php if ($page->isHomePage()): ?>
<?php if ($page->isHomePage() || $page->template() == "sectioned"): ?>
<h1 class="logo">
<span>
Nouveau

View file

@ -12,10 +12,6 @@
</ul>
</section>
<section>
<h1><?= $page->title() ?></h1>
</section>
<?php foreach($page->children() as $sectionPage): ?>
<section id="<?= $sectionPage->slug() ?>" <?= e($sectionPage->backgroundColor()->isNotEmpty() == 'true', ' style="--color: ' . $sectionPage->backgroundColor() . ';"') ?>>
<?php if ($sectionPage->isTitled() != 'false'): ?>