feat(graph): show full path while hovering node (#97)

Author: brenner8023

src/client/pages/graph.vue

@@ -13,6 +13,7 @@ const data = computed<Data>(() => {
     return {
       id: mod.id,
       label: path.split('/').splice(-1)[0],
+      title: path.split('/').splice(-4).join('/'),
       group: path.match(/\.(\w+)$/)?.[1] || 'unknown',
       size: 15 + Math.min(mod.deps.length / 2, 8),
       font: { color: isDark.value ? 'white' : 'black' },

src/client/styles/main.css

@@ -49,6 +49,17 @@ html.dark {
   transition: none !important;
 }
 
+/** vis-network */
+.vis-tooltip {
+  --at-apply: text-black dark:text-white bg-white dark:bg-black;
+  position: absolute;
+  border-width: 1px;
+  border-color: rgba(156,163,175,0.2);
+  border-radius: 4px;
+  box-shadow: 0 6px 30px #0000001a;
+  padding: 4px 8px;
+}
+
 /* Markdown */
 .n-markdown a {
   --at-apply: text-primary hover:underline;