From 3586451392f5a841a469ecfb3c1691ab66f65e5b Mon Sep 17 00:00:00 2001 From: Quincy Morgan Date: Tue, 9 Oct 2018 18:44:49 -0700 Subject: [PATCH] Adds custom CSS to `man_made=pipeline` features Adds `location` as a secondary tag class Adds the `tunnel` styling to lines tagged `location=underground` --- css/50_misc.css | 26 ++++++++++++++++++++++---- modules/svg/tag_classes.js | 2 +- 2 files changed, 23 insertions(+), 5 deletions(-) diff --git a/css/50_misc.css b/css/50_misc.css index be90c5e732..a2abc74aaa 100644 --- a/css/50_misc.css +++ b/css/50_misc.css @@ -1,10 +1,12 @@ -/* power */ +/* power and pipeline */ .preset-icon .icon.tag-man_made-pipeline, .preset-icon .icon.tag-power { color: #939393; fill: #939393; } +/* power */ + path.stroke.tag-power { stroke: #939393; stroke-width: 2; @@ -13,6 +15,21 @@ path.casing.tag-power { stroke: none; } +/* pipeline */ + +path.stroke.tag-man_made-pipeline { + stroke: #CBD0D8; + stroke-linecap: butt; + stroke-width: 3; + stroke-dasharray: 80, 1.25; +} +path.casing.tag-man_made-pipeline { + stroke: #666; + stroke-width: 4.5; +} +.low-zoom path.stroke.tag-man_made-pipeline { + stroke-dasharray: 40, 1; +} /* boundaries */ path.stroke.tag-boundary { @@ -145,10 +162,12 @@ path.casing.tag-highway-bridleway.tag-bridge { /* tunnels */ -path.stroke.tag-tunnel { +path.stroke.tag-tunnel, +path.line.stroke.tag-location-underground { stroke-opacity: 0.3; } -path.casing.tag-tunnel { +path.casing.tag-tunnel, +path.line.casing.tag-location-underground { stroke-opacity: 0.5; stroke-linecap: butt; stroke-dasharray: none; @@ -325,4 +344,3 @@ path.stroke.tag-crossing.tag-crossing-zebra { .low-zoom path.stroke.tag-crossing.tag-crossing-zebra { stroke-dasharray: 3, 2; } - diff --git a/modules/svg/tag_classes.js b/modules/svg/tag_classes.js index d84b3c0f6e..508c731a32 100644 --- a/modules/svg/tag_classes.js +++ b/modules/svg/tag_classes.js @@ -15,7 +15,7 @@ export function svgTagClasses() { var secondaries = [ 'oneway', 'bridge', 'tunnel', 'embankment', 'cutting', 'barrier', 'surface', 'tracktype', 'footway', 'crossing', 'service', 'sport', - 'public_transport' + 'public_transport', 'location' ]; var tagClassRe = /^tag-/; var _tags = function(entity) { return entity.tags; };