diff options
Diffstat (limited to 'public/js/main.js')
| -rw-r--r-- | public/js/main.js | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/public/js/main.js b/public/js/main.js index 5bab6ed..fa02ddb 100644 --- a/public/js/main.js +++ b/public/js/main.js | |||
| @@ -50,7 +50,7 @@ function controlURL(input){ | |||
| 50 | 50 | ||
| 51 | // exécuté à la fin du chargement de la page | 51 | // exécuté à la fin du chargement de la page |
| 52 | document.addEventListener('DOMContentLoaded', () => { | 52 | document.addEventListener('DOMContentLoaded', () => { |
| 53 | 53 | navHeight(); // hauteur de <nav> en fonction de celle du menu en position fixe | |
| 54 | insertLocalDates(); | 54 | insertLocalDates(); |
| 55 | 55 | ||
| 56 | // ouvrir/fermer les sous-menus avec écran tactile | 56 | // ouvrir/fermer les sous-menus avec écran tactile |
| @@ -77,20 +77,22 @@ document.addEventListener('DOMContentLoaded', () => { | |||
| 77 | } | 77 | } |
| 78 | }); | 78 | }); |
| 79 | }); | 79 | }); |
| 80 | }); | ||
| 80 | 81 | ||
| 81 | // hauteur de <nav> en fonction de celle du menu en position fixe | 82 | function navHeight(){ |
| 82 | const nav = document.querySelector('nav'); | 83 | const nav = document.querySelector('nav'); // détection |
| 83 | const nav_zone = document.getElementById('nav_zone'); | 84 | const nav_zone = document.getElementById('nav_zone'); |
| 84 | const resize_observer = new ResizeObserver(entries => { | 85 | const resize_observer = new ResizeObserver(entries => { // param de type tableau |
| 86 | let nav_button_height = window.innerWidth <= 600 ? 26 : 0; // 26 = taille du bouton | ||
| 87 | nav_button_height += nav.classList.contains('show') ? 15 : 0; | ||
| 85 | for(const entry of entries){ | 88 | for(const entry of entries){ |
| 86 | nav_zone.style.height = entry.contentRect.height + 'px'; | 89 | nav_zone.style.height = (entry.contentRect.height + nav_button_height) + 'px'; |
| 87 | } | 90 | } |
| 88 | }); | 91 | }); |
| 89 | if(nav){ | 92 | if(nav){ |
| 90 | resize_observer.observe(nav); | 93 | resize_observer.observe(nav); |
| 91 | } | 94 | } |
| 92 | }); | 95 | } |
| 93 | |||
| 94 | 96 | ||
| 95 | function fetchArticles(bloc_id){ | 97 | function fetchArticles(bloc_id){ |
| 96 | const parent = document.getElementById(bloc_id); | 98 | const parent = document.getElementById(bloc_id); |
