Make point markers more circular with larger icons (close #6163)

Tweak the grey style of points linked to wikidata
This commit is contained in:
Quincy Morgan
2019-12-09 17:21:33 -05:00
parent 394396326c
commit 00e8a125e2
2 changed files with 11 additions and 8 deletions

View File

@@ -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;
}

View File

@@ -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)