hover nav
This commit is contained in:
parent
3ea41b5cf0
commit
2df3106031
6 changed files with 36 additions and 13 deletions
|
|
@ -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);
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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é
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue