From ef59213ea9777e38e8da9d2c41f78a558191c9d7 Mon Sep 17 00:00:00 2001
From: Quentin Bellanger <hello@quentin-bellanger.com>
Date: Thu, 23 Nov 2023 14:13:23 +0100
Subject: [PATCH] Ajoute du scroll sur les liens d'ancre (#562)

* add scroll margin to topic anchor links

* update changelog
---
 confiture-web-app/src/assets/CHANGELOG.md                   | 6 ++++++
 .../src/components/AuditGenerationPageCriteria.vue          | 1 +
 confiture-web-app/src/router.ts                             | 5 ++---
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/confiture-web-app/src/assets/CHANGELOG.md b/confiture-web-app/src/assets/CHANGELOG.md
index 16800dc0..6ab8c1b5 100644
--- a/confiture-web-app/src/assets/CHANGELOG.md
+++ b/confiture-web-app/src/assets/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 Tous les changements notables de Ara sont documentés ici avec leur date, leur catégorie (nouvelle fonctionnalité, correction de bug ou autre changement) et leur pull request (PR) associée.
 
+## 23/11/2023
+
+### Corrections 🐛
+
+- Corrige le problème de scroll qui cachait le titre de la thématique lors de l’utilisation des ancres de la barre latérale ([#562](https://github.com/DISIC/Ara/pull/562))
+
 ## 16/11/2023
 
 ### Corrections 🐛
diff --git a/confiture-web-app/src/components/AuditGenerationPageCriteria.vue b/confiture-web-app/src/components/AuditGenerationPageCriteria.vue
index d4a2f49c..330e6766 100644
--- a/confiture-web-app/src/components/AuditGenerationPageCriteria.vue
+++ b/confiture-web-app/src/components/AuditGenerationPageCriteria.vue
@@ -125,5 +125,6 @@ const noResults = computed(() => {
 
 .topic-heading {
   color: var(--text-action-high-blue-france);
+  scroll-margin: 5rem;
 }
 </style>
diff --git a/confiture-web-app/src/router.ts b/confiture-web-app/src/router.ts
index 06647a18..323a6a8a 100644
--- a/confiture-web-app/src/router.ts
+++ b/confiture-web-app/src/router.ts
@@ -450,10 +450,9 @@ const router = createRouter({
   ],
   history,
   scrollBehavior(to) {
-    if (to.hash) {
-      return { el: to.hash };
+    if (!to.hash) {
+      return { top: 0 };
     }
-    return { top: 0 };
   },
 });