Hovering all blocks and chain blocks - colors of links to related blocks

[ey51]

@aspect @n15a Related issue: #11

I noticed a bug with regards to this. Link from chain block back to red blocks shouldn't be teal.

Link to DAGviz of the above blocks

To make a distinction between referenced blocks, I propose the following:

When hovering any block:

• [x] incoming link from accepting block = bold teal (as today, done!)
• [x] any linked block is highlighted darker (as today, done!)
• [ ] outgoing links to parent blocks and child blocks = bold

When hovering chain blocks (in addition to the above):

• [ ] outgoing links to accepted blocks = bold teal (block.acceptedBlockHashes, shouldn't include red blocks, bold teal overrides bold)

Notes:

• The group block.parentBlockHashes is going to have blue and red blocks.
• block.parentBlockHashes that are blue ∈ block.acceptedBlockHashes.
• block.parentBlockHashes that are red ∉ block.acceptedBlockHashes.
• The group block.acceptedBlockHashes may have blocks that are not in the group block.parentBlockHashes; but these accepted blocks will be ancestors of the block (so parents of parents, or deeper ancestors); so it is important that we can cold-teal the links to the accepted blocks on hover, even when they are not direct parents; the link would span for example from block to parent to grandparent, likewise: [ GP ]<==[ P ]<==[ B ] P is a parent of B, and it is accepted by B GP is not a parent of B, but it is accepted by B both links should be bold-teal when hovering.

[n15a]

Note for me: this bug is related to chain import via mqtt.