6f63ee3fcd
The merge adds visual highlighting to the dependency graph plugin. A new `useDependencyChain` hook tracks dependency relationships, while `GraphTaskNode` and `DependencyGraph` gained hover, selection, and highlight visual states backed by new CSS. Tests cover the hook logic, highlighting behavior, a Fusion-Task-Id: FN-3088
28 lines
483 B
CSS
28 lines
483 B
CSS
.graph-node--highlighted {
|
|
opacity: 1;
|
|
box-shadow: var(--shadow-glow);
|
|
}
|
|
|
|
.graph-node--dimmed {
|
|
opacity: 0.25;
|
|
transition: opacity var(--transition-fast);
|
|
}
|
|
|
|
.graph-edge--highlighted {
|
|
opacity: 1;
|
|
stroke: var(--todo);
|
|
stroke-width: var(--space-xs);
|
|
}
|
|
|
|
.graph-edge--dimmed {
|
|
opacity: 0.15;
|
|
transition: opacity var(--transition-fast);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.graph-node--dimmed,
|
|
.graph-edge--dimmed {
|
|
transition: opacity var(--transition-fast);
|
|
}
|
|
}
|