Adjust street sign image dimensions to try to make them less blurry

(still kinda blurry but closes #4145 anyway)
This commit is contained in:
Bryan Housel
2017-07-14 00:45:20 -04:00
parent 30a12fb1be
commit e71381ed45
2 changed files with 11 additions and 20 deletions

View File

@@ -46,9 +46,9 @@
.layer-mapillary-signs .icon-sign .icon-sign-body {
min-width: 20px;
height: 28px;
width: 28px;
border: 2px solid transparent;
height: 24px;
width: 24px;
outline: 2px solid transparent;
pointer-events: visible;
cursor: pointer; /* Opera */
cursor: url(img/cursor-select-mapillary.png) 6 1, pointer; /* FF */
@@ -57,21 +57,12 @@
}
.layer-mapillary-signs .icon-sign:hover .icon-sign-body {
border: 2px solid rgba(255,198,0,0.8);
outline: 2px solid rgba(255,198,0,0.8);
z-index: 80;
}
}
.layer-mapillary-signs .icon-sign.selected .icon-sign-body {
border: 2px solid rgba(255,0,0,0.8);
z-index: 80;
}
.layer-mapillary-signs .icon-sign .t {
font-size: 28px;
z-index: 70;
}
.layer-mapillary-signs .icon-sign:hover .t,
.layer-mapillary-signs .icon-sign.selected .t {
outline: 2px solid rgba(255,0,0,0.8);
z-index: 80;
}

View File

@@ -88,8 +88,8 @@ export function svgMapillarySigns(projection, context, dispatch) {
var enter = signs.enter()
.append('foreignObject')
.attr('class', 'icon-sign')
.attr('width', '32px') // for Firefox
.attr('height', '32px') // for Firefox
.attr('width', '24px') // for Firefox
.attr('height', '24px') // for Firefox
.classed('selected', function(d) {
return _.some(d.detections, function(detection) {
return detection.image_key === imageKey;
@@ -104,8 +104,8 @@ export function svgMapillarySigns(projection, context, dispatch) {
signs
.merge(enter)
.attr('x', function(d) { return projection(d.loc)[0] - 16; }) // offset by -16px to
.attr('y', function(d) { return projection(d.loc)[1] - 16; }); // center signs on loc
.attr('x', function(d) { return projection(d.loc)[0] - 12; }) // offset by -12px to
.attr('y', function(d) { return projection(d.loc)[1] - 12; }); // center signs on loc
}