anvaka / sayit

Visualization of related subreddits
https://anvaka.github.io/sayit
MIT License
1.25k stars 106 forks source link

Make hovered nodes easier to find by using a different background #56

Open ADTC opened 3 months ago

ADTC commented 3 months ago

Currently the hovered nodes are difficult to find as they only have a pink border.

image

It will be nice if the hovered border can be pink background instead, with white text. It's easier to find.

image

CSS changes:

.hovered rect, path.hovered {
    /* stroke: #ff4081; */
    fill: #ff4081;
}

.hovered text {
    fill: white;
}

Another variant (because the edges are using the same stroke color):

image

CSS changes:

.hovered rect, path.hovered {
    stroke: #ff4081;
    fill: #ce2c63;
}

.hovered text {
    fill: white;
}