From 00e8a125e2600b32af73611d9a30b4dfaa945163 Mon Sep 17 00:00:00 2001 From: Quincy Morgan Date: Mon, 9 Dec 2019 17:21:33 -0500 Subject: [PATCH] Make point markers more circular with larger icons (close #6163) Tweak the grey style of points linked to wikidata --- css/20_map.css | 9 ++++++--- modules/svg/points.js | 10 +++++----- 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/css/20_map.css b/css/20_map.css index cfb553b11..2a6fa0f25 100644 --- a/css/20_map.css +++ b/css/20_map.css @@ -286,9 +286,12 @@ text.point { /* Wikidata-tagged */ g.point.tag-wikidata path.stroke { - stroke-width: 3px; - stroke: #777; - fill: #ddd; + stroke-width: 2px; + stroke: #666; + fill: #eee; +} +g.point.tag-wikidata .icon { + color: #666; } diff --git a/modules/svg/points.js b/modules/svg/points.js index 7ba4fdbc3..27090df02 100644 --- a/modules/svg/points.js +++ b/modules/svg/points.js @@ -9,8 +9,8 @@ export function svgPoints(projection, context) { function markerPath(selection, klass) { selection .attr('class', klass) - .attr('transform', 'translate(-8, -23)') - .attr('d', 'M 17,8 C 17,13 11,21 8.5,23.5 C 6,21 0,13 0,8 C 0,4 4,-0.5 8.5,-0.5 C 13,-0.5 17,4 17,8 z'); + .attr('transform', 'translate(-9, -24)') + .attr('d', 'M6,17.75 C4,16.9 0.5,14.47 0.5,9.5 C0.5,4.53 4.53,0.5 9.5,0.5 C14.47,0.5 18.5,4.53 18.5,9.5 C18.5,14.47 15,16.9 13,17.75 C11.6667,18.3167 10.5,20.2333 9.5,23.5 C8.5,20.2333 7.3333,18.3167 6,17.75 Z'); } function sortY(a, b) { @@ -118,10 +118,10 @@ export function svgPoints(projection, context) { enter .append('use') - .attr('transform', 'translate(-5, -19)') + .attr('transform', 'translate(-5.5, -20.5)') .attr('class', 'icon') - .attr('width', '11px') - .attr('height', '11px'); + .attr('width', '12px') + .attr('height', '12px'); groups = groups .merge(enter)