Fix issues with <use>'d elements and fill under Firefox (closes #2860)

This commit is contained in:
Bryan Housel
2015-12-06 22:28:09 -08:00
parent 134ac6709b
commit 23bd2a101d
8 changed files with 43 additions and 32 deletions

View File

@@ -24,8 +24,14 @@ img.tile-removing {
use { pointer-events: none; }
/* base styles */
.layer path:not(.oneway) { fill: none; }
.layer use path { fill: #333; } /* FF svg icons */
.layer path:not(.oneway) { fill: none; } /* IE needs :not(.oneway) */
/* the above fill: none rule affects paths in <use> shadow dom only in Firefox */
.layer use.icon path { fill: #333; } /* FF svg Maki icons */
.layer .turn use path { fill: #000; } /* FF turn restriction icons */
#turn-only-shape2, #turn-only-u-shape2 { fill: #7092FF; } /* FF turn-only, turn-only-u */
#turn-no-shape2, #turn-no-u-shape2 { fill: #E06D5F; } /* FF turn-no, turn-no-u */
#turn-yes-shape2, #turn-yes-u-shape2 { fill: #8CD05F; } /* FF turn-yes, turn-yes-u */
g.point .shadow,
g.vertex .shadow,
@@ -1560,7 +1566,7 @@ text.gpx {
}
.fill-wireframe .point,
.fill-wireframe .icon,
.fill-wireframe .areaicon,
.fill-wireframe path.casing,
.fill-wireframe path.fill,
.fill-wireframe path.oneway {