From fd74a127ae7e97fe4a26987af55b3b7a131d414b Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <143816208+lasniscinote@users.noreply.github.com>
Date: Tue, 13 Feb 2024 10:17:36 +0100
Subject: [PATCH] (fix) The spy bar should run along the entire height of the
 sections on the item card [SCI-10111] (#7056)

---
 .../repository_values/ScrollSpy.vue                        | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
index 3ec681030..bdd63a1c7 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
@@ -2,16 +2,16 @@
   <div class="flex gap-3">
     <div id="navigation-text"
          v-if="thresholds.length"
-         class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px] justify-center items-center">
+         class="flex flex-col w-[130px] gap-3 py-2">
       <div v-for="(navigationItem, index) in itemsToCreate" :key="navigationItem.textId"
         @click="navigateToSection(navigationItem)"
-        class="text-sn-grey nav-text-item flex flex-col w-[130px] h-[130px] justify-between text-right hover:cursor-pointer"
+        class="text-sn-grey nav-text-item flex flex-col w-[130px] h-fit text-right hover:cursor-pointer"
         :class="{ 'text-sn-science-blue': navigationItemsStatus[index] }">
         {{ i18n.t(`repositories.highlight_component.${navigationItem.labelAlias}`) }}
       </div>
     </div>
 
-    <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
+    <div id="highlight-container" class="w-[1px] flex flex-col justify-evenly bg-sn-light-grey">
       <div v-for="(navigationItem, index) in itemsToCreate" :key="navigationItem.id"
         class="w-[5px] h-[28px] rounded-[11px]"
         :class="{ 'bg-sn-science-blue relative left-[-2px]': navigationItemsStatus[index] }">
@@ -58,7 +58,6 @@ export default {
       }
     });
   },
-
   beforeDestroy() {
     window.removeEventListener('resize', this.handleResize);
     this.removeScrollListener();