scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-25 01:04:02 +08:00
Code Issues Projects Releases Packages Wiki Activity

(fix) The spy bar should run along the entire height of the sections on the item card [SCI-10111] (#7056)

Browse source
This commit is contained in:
Gregor Lasnibat 2024-02-13 10:17:36 +01:00 committed by GitHub
parent 24901016bc
commit fd74a127ae
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
View file

@ -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();