hover nav

This commit is contained in:
Julie Blanc 2026-01-09 14:57:48 +01:00
parent 3ea41b5cf0
commit 2df3106031
6 changed files with 36 additions and 13 deletions

View file

@ -3,7 +3,7 @@
font-weight: normal;
text-transform: uppercase;
margin: calc(var(--spacing)*2) auto;
text-align: center;
// text-align: center;
max-width: var(--max-w-container);
}

View file

@ -972,7 +972,6 @@ button:disabled {
font-weight: normal;
text-transform: uppercase;
margin: calc(var(--spacing) * 2) auto;
text-align: center;
max-width: var(--max-w-container);
}
@ -1958,6 +1957,9 @@ body main {
#rapport .rapport__content ul {
padding-left: 3ch;
}
#rapport .rapport__content:target {
padding-top: calc(var(--header-h) * 2 + var(--spacing)) !important;
}
#rapport__aside {
width: var(--rapport-w);
@ -2007,6 +2009,9 @@ body main {
#rapport__aside #toc li.selected {
background-color: var(--grey-800);
}
#rapport__aside #toc li:hover {
background-color: var(--grey-800);
}
#rapport__aside #toc .toc-level-1 {
margin-bottom: calc(var(--spacing) * 0.5);
font-weight: bold;

File diff suppressed because one or more lines are too long

View file

@ -168,6 +168,10 @@
}
}
.rapport__content:target{
padding-top: calc(var(--header-h)*2 + var(--spacing))!important;
}
@ -242,6 +246,10 @@
background-color: var(--grey-800);
}
li:hover{
background-color: var(--grey-800);
}
.toc-level-1{
margin-bottom: calc(var(--spacing)*0.5);
font-weight: bold;

View file

@ -14,16 +14,26 @@ export function headerScrollVisibility() {
const header = document.getElementById("site-header");
const hero = document.getElementById("hero");
if (!header || !hero) return;
if (!header) return;
function checkScroll() {
const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) || 0;
const heroBottom = hero.getBoundingClientRect().bottom;
if (hero) {
// Comportement avec hero
const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-h')) || 0;
const heroBottom = hero.getBoundingClientRect().bottom;
if (heroBottom <= headerHeight) {
header.classList.add("is-visible");
if (heroBottom <= headerHeight) {
header.classList.add("is-visible");
} else {
header.classList.remove("is-visible");
}
} else {
header.classList.remove("is-visible");
// Comportement sans hero \
if (window.scrollY >= 300) {
header.classList.add("is-visible");
} else {
header.classList.remove("is-visible");
}
}
}

View file

@ -16,8 +16,8 @@
<nav id="toc">
<ul>
<li class="toc-level-1"><a href="#auteurs">Les auteurs de ce rapport</a></li>
<li class="toc-level-1 selected"><a href="#rappel-faits">Rappel des faits</a></li>
<li class="toc-level-1 selected"><a href="#auteurs">Les auteurs de ce rapport</a></li>
<li class="toc-level-1"><a href="#rappel-faits">Rappel des faits</a></li>
<li class="toc-level-1"><a href="#ordre-mission">Ordre de mission</a></li>
<li class="toc-level-1"><a href="#sources">1. Sources et documentation visuelle disponible</a></li>
<li class="toc-level-1"><a href="#reconstitution">2. Reconstitution générale</a></li>
@ -117,7 +117,7 @@
<div class="rapport__content">
<div class="section-content">
<div class="section-content" id="auteurs">
<h3 class="section-title">Les auteurs de ce rapport</h3>
@ -172,7 +172,7 @@ du présent rapport sont : </p>
</div>
<div class="section-content">
<div class="section-content" id="rappel-faits">
<h3 class="section-title">Rappel des faits</h3>
<p>
Le 19 août 2017, vers 17h, M. Luis Manuel BICO, 48 ans, a été tué