From be49d1165c93d64d1b0e24206e8b4695df9d633d Mon Sep 17 00:00:00 2001
From: Denis Chiron <chiron.denis@gmail.com>
Date: Mon, 15 Apr 2024 11:43:00 +0200
Subject: [PATCH] Route change scrolltop facsimile, facsimile nav view height

---
 src/App.vue                            | 5 ++---
 src/components/FacSimileNavigation.vue | 1 +
 src/views/FacSimileView.vue            | 7 +++++++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6bba9b7..c622d19 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -28,10 +28,9 @@ const toggleMobileMenu = function($event) {
 }
 
 const route = useRoute();
-watch(route, (nextRoute, previousRoute) => {
+watch(() => route.name, (nextRoute, previousRoute) => {
   isMobileMenuOpen.value = false;
-  console.log(nextRoute.name, previousRoute.name);
-  if (nextRoute.name !== "facsimile" || previousRoute.name !== "facsimile") {
+  if (nextRoute !== "facsimile" || previousRoute !== "facsimile") {
     window.scrollTo(0,0);
   }
 });
diff --git a/src/components/FacSimileNavigation.vue b/src/components/FacSimileNavigation.vue
index 7017458..6a7fdd0 100644
--- a/src/components/FacSimileNavigation.vue
+++ b/src/components/FacSimileNavigation.vue
@@ -294,6 +294,7 @@ li.register .is-highlighted,
   padding: 30px 0;
 }
 
+
 .main__title__toc {
   display: block;
   margin: 28px 0 10px;
diff --git a/src/views/FacSimileView.vue b/src/views/FacSimileView.vue
index 8a2c868..52d8613 100644
--- a/src/views/FacSimileView.vue
+++ b/src/views/FacSimileView.vue
@@ -56,6 +56,7 @@
           :selected-nav="selectedNav"
           :register-to-open="endpVolume"
           :year-to-open="registerPageDate"
+          :class="{ 'has-warning': registerPageDate }"
           @update-mirador="handleMiradorUpdate"/>
     </div>
 
@@ -452,6 +453,12 @@ export default {
   padding: 26px 0  var(--right-column-bottom-padding-desktop);
 }
 
+:deep(.fac-simile__toc.has-warning > ul) {
+  min-height: calc(100vh - 75px);
+  max-height: calc(100vh - 75px);
+}
+
+
 .container-mirador {
   width: 100%;
   padding: 0;