Makes relation members highlighted via hovering on list items more prominent

This commit is contained in:
Quincy Morgan
2018-10-13 23:04:35 -07:00
parent cf1b391cf0
commit b24256973f
2 changed files with 14 additions and 2 deletions

View File

@@ -265,6 +265,18 @@ text.point {
opacity: 0.8;
}
/* Highlighting */
g.point.highlighted .shadow,
path.shadow.highlighted {
stroke-opacity: 0.95;
stroke: #7092ff;
}
g.vertex.highlighted .shadow {
stroke-width: 7;
stroke-opacity: 0.95;
stroke: #7092ff;
}
/* Turn Restrictions */

View File

@@ -126,10 +126,10 @@ export function uiRawMemberEditor(context) {
// highlight the member feature in the map while hovering on the list item
var selectorPrefix = d.type === 'node' ? 'g.' : 'path.';
d3_select(this).on('mouseover', function() {
context.surface().selectAll(selectorPrefix+d.id).classed('related', true);
context.surface().selectAll(selectorPrefix+d.id).classed('highlighted', true);
});
d3_select(this).on('mouseout', function() {
context.surface().selectAll(selectorPrefix+d.id).classed('related', false);
context.surface().selectAll(selectorPrefix+d.id).classed('highlighted', false);
});
var label = d3_select(this).append('label')