Ajoute du scroll sur les liens d'ancre (#562)

* add scroll margin to topic anchor links * update changelog
DISIC · Nov 23, 2023 · ef59213 · ef59213
1 parent 8a2b813
commit ef59213
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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 };
   },
 });