scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 23:16:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Navigator elements not displaying tooltips on hover [SCI-8389]

Browse source
This commit is contained in:
Giga Chubinidze 2023-05-08 01:52:05 +04:00
parent 7a40a7d13f
commit f680fc43b9
2 changed files with 25 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/javascript/vue/navigation/navigator.vue
View file

@ -1,13 +1,13 @@
<template>
<div class="w-72 h-full border rounded sn-background--sn-white flex flex-col right-0 absolute navigator-container">
<div class="p-3 flex items-center">
<i class="fas fa-bars p-2 cursor-pointer"></i>
<div class="font-bold text-base">
<i class="fas fa-bars cursor-pointer"></i>
<div class="font-bold text-base p-2">
{{ i18n.t('navigator.title') }}
</div>
<i @click="$emit('navigator:colapse')" class="fas fa-times ml-auto cursor-pointer"></i>
</div>
<perfect-scrollbar class="grow px-2 py-4 relative">
<perfect-scrollbar class="grow py-4 relative">
<NavigatorItem v-for="item in sortedMenuItems"
:key="item.id"
:currentItemId="currentItemId"

23
app/javascript/vue/navigation/navigator_item.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="sn-color--sn-blue pl-7 w-64 flex justify-center flex-col" :navigator-item-id="item.id">
<div class="p-2 flex items-center whitespace-nowrap" :class="{ 'sn-background--sn-light-grey': activeItem }">
<div class="p-2 flex items-center whitespace-nowrap" :title="itemToolTip" :class="{ 'sn-background--sn-light-grey': activeItem }">
<div class="w-5 mr-2 flex justify-start shrink-0">
<i v-if="hasChildren"
class="fas cursor-pointer"
@ -72,6 +72,27 @@ export default {
default:
return null;
}
},
itemToolTip: function() {
let prefix = '';
switch (this.item.type) {
case 'folder':
return this.item.name;
case 'project':
prefix = '(Project) ';
break;
case 'experiment':
prefix = '(Experiment) ';
break;
case 'my_module':
prefix = '(Task) ';
break;
default:
break;
}
return prefix + this.item.name;
}
},
created: function() {