Fix directional vertices on IE11/Edge

(closes #4710)
This commit is contained in:
Bryan Housel
2018-01-19 20:32:45 +00:00
parent 467de651f7
commit b0cba113e9
2 changed files with 16 additions and 4 deletions

View File

@@ -1,5 +1,17 @@
/* base styles */
.layer-osm path:not(.oneway) { fill: none; } /* IE needs :not(.oneway) */
.layer-osm path:not(.oneway-marker-path) { /* IE/Edge needs :not(.oneway) */
fill: none;
}
.layer-osm path.viewfield-marker-path { /* IE/Edge rule for <use> marker style */
fill: #333;
fill-opacity: 0.75;
stroke: #fff;
stroke-width: 0.5px;
stroke-opacity: 0.75;
}
.fill-wireframe .layer-osm path.viewfield-marker-path { /* IE/Edge rule for <use> marker style */
fill: none;
}
/* the above fill: none rule affects paths in <use> shadow dom only in Firefox */
.layer-osm use.icon path { fill: #333; } /* FF svg Maki icons */

View File

@@ -38,7 +38,7 @@ export function svgDefs(context) {
.attr('markerUnits', 'strokeWidth')
.attr('orient', 'auto')
.append('path')
.attr('class', 'oneway')
.attr('class', 'oneway-marker-path')
.attr('d', 'M 5,3 L 0,3 L 0,2 L 5,2 L 5,0 L 10,2.5 L 5,5 z')
.attr('stroke', 'none')
.attr('fill', '#000')
@@ -55,7 +55,7 @@ export function svgDefs(context) {
.attr('markerUnits', 'strokeWidth')
.attr('orient', 'auto')
.append('path')
.attr('class', 'viewfield')
.attr('class', 'viewfield-marker-path')
.attr('d', 'M 6,14 C 8,13.4 8,13.4 10,14 L 16,3 C 12,0 4,0 0,3 z')
.attr('fill', '#333')
.attr('fill-opacity', '0.75')
@@ -74,7 +74,7 @@ export function svgDefs(context) {
.attr('markerUnits', 'strokeWidth')
.attr('orient', 'auto')
.append('path')
.attr('class', 'viewfield')
.attr('class', 'viewfield-marker-path')
.attr('d', 'M 6,14 C 8,13.4 8,13.4 10,14 L 16,3 C 12,0 4,0 0,3 z')
.attr('fill', 'none')
.attr('stroke', '#fff')