X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/24eb15b0c3e3655232027cccf6f46c0cb50cb889..76c6409b67650facb610ded754d82d3518c9edb9:/vendor/assets/iD/iD.css.erb diff --git a/vendor/assets/iD/iD.css.erb b/vendor/assets/iD/iD.css.erb index 206ceb621..0f5ae4158 100644 --- a/vendor/assets/iD/iD.css.erb +++ b/vendor/assets/iD/iD.css.erb @@ -404,6 +404,10 @@ path.stroke.tag-landuse-quarry { stroke: #a6957b; } +path.stroke.tag-landuse-landfill { + stroke: #ff9933; +} + path.stroke.tag-landuse-residential, path.stroke.tag-landuse-construction { stroke: #e06e5f; @@ -472,6 +476,12 @@ path.fill.tag-landuse-reservoir { path.fill.tag-landuse-quarry { fill: #a6957b; + fill-opacity: 0.2; +} + +path.fill.tag-landuse-landfill { + fill: #ff8800; + fill-opacity: 0.2; } path.fill.tag-landuse-residential { @@ -572,13 +582,13 @@ path.stroke.tag-highway { stroke-width:8; } -svg[data-zoom="16"] path.shadow.tag-highway { +.low-zoom path.shadow.tag-highway { stroke-width:12; } -svg[data-zoom="16"] path.casing.tag-highway { +.low-zoom path.casing.tag-highway { stroke-width:6; } -svg[data-zoom="16"] path.stroke.tag-highway { +.low-zoom path.stroke.tag-highway { stroke-width:4; } @@ -691,10 +701,10 @@ path.casing.tag-highway-service { stroke:#666; stroke-width:6; } -svg[data-zoom="16"] path.stroke.tag-highway-service { +.low-zoom path.stroke.tag-highway-service { stroke-width:2; } -svg[data-zoom="16"] path.casing.tag-highway-service { +.low-zoom path.casing.tag-highway-service { stroke-width:4; } @@ -708,10 +718,10 @@ path.casing.tag-highway-track { stroke-linecap: butt; stroke-dasharray: 6, 6; } -svg[data-zoom="16"] path.stroke.tag-highway-track { +.low-zoom path.stroke.tag-highway-track { stroke-width:2; } -svg[data-zoom="16"] path.casing.tag-highway-track { +.low-zoom path.casing.tag-highway-track { stroke-width:4; } @@ -740,14 +750,14 @@ path.casing.tag-highway-bridleway { stroke: #fff; } -svg[data-zoom="16"] path.stroke.tag-highway-footway, -svg[data-zoom="16"] path.stroke.tag-highway-cycleway, -svg[data-zoom="16"] path.stroke.tag-highway-bridleway { +.low-zoom path.stroke.tag-highway-footway, +.low-zoom path.stroke.tag-highway-cycleway, +.low-zoom path.stroke.tag-highway-bridleway { stroke-width: 2; } -svg[data-zoom="16"] path.casing.tag-highway-footway, -svg[data-zoom="16"] path.casing.tag-highway-cycleway, -svg[data-zoom="16"] path.casing.tag-highway-bridleway { +.low-zoom path.casing.tag-highway-footway, +.low-zoom path.casing.tag-highway-cycleway, +.low-zoom path.casing.tag-highway-bridleway { stroke-width: 4; } @@ -862,8 +872,8 @@ path.casing.tag-highway-construction { /* construction */ -svg[data-zoom="16"] path.stroke.tag-highway-construction, -svg[data-zoom="16"] path.casing.tag-highway-construction { +.low-zoom path.stroke.tag-highway-construction, +.low-zoom path.casing.tag-highway-construction { stroke-linecap: butt; stroke-dasharray: 5, 5; } @@ -926,13 +936,6 @@ path.casing.tag-waterway-river { stroke-width: 6; } -svg[data-zoom="16"] path.stroke.tag-waterway-river { - stroke-width: 4; -} -svg[data-zoom="16"] path.casing.tag-waterway-river { - stroke-width: 6; -} - path.stroke.tag-waterway-ditch { stroke: #6591ff; stroke-width: 1; @@ -1592,7 +1595,7 @@ button { display: inline-block; height:40px; border-radius:4px; - /* Crashes Safari: https://github.com/systemed/iD/issues/1188 */ + /* Crashes Safari: https://github.com/openstreetmap/iD/issues/1188 */ /*-webkit-transition: all 100ms;*/ -moz-transition: all 100ms; -o-transition: all 100ms; @@ -1804,7 +1807,7 @@ button[disabled] .icon.nearby { background-position: -340px -40px;} .icon.line.created { background-position: -320px -100px;} .icon.area.created { background-position: -340px -100px;} -.icon.point.modified { background-position: -24px 0; } +.icon.point.modified { background-position: -22px 0; } .icon.modified { opacity: .5; } @@ -2739,14 +2742,13 @@ input[type=number] { .form-field .addr-number { width: 33.3333%; - border-left: 0; - border-right: 0; - border-bottom: 0; + border: 0; border-radius: 0; } .form-field .addr-street { width: 66.6666%; + border-top: 0; border-right: 0; border-bottom: 0; border-radius: 0; @@ -2936,6 +2938,7 @@ button.minor.tag-reference-loading { .tag-reference-body { overflow: hidden; + clear: both; } .tag-reference-body p, @@ -3051,21 +3054,11 @@ img.wiki-image { background: rgba(0, 0, 0, .8); } +.map-control > button.active, .map-control > button.active:hover { background: #7092ff; } -.map-overlay { - z-index: -1; - right: 75%; - max-width: 260px; - min-width: 210px; - position: fixed; - left: 30px; - display: block; - padding: 10px 10px 0 10px; -} - /* Zoomer */ .zoombuttons button.zoom-in { @@ -3078,22 +3071,12 @@ img.wiki-image { border-radius: 4px 0 0 0; } -.background-control button.active { - border-radius: 0; -} - .background-control { position: relative; } -.background-control .map-overlay { - position: absolute; - top: 0; -} - .nudge-container { - border-top: 1px solid #CCC; - margin: 0 -10px; + border: 1px solid #CCC; } .background-control .adjustments button:last-child { @@ -3184,7 +3167,6 @@ img.wiki-image { float: left; display: block; width:20%; - border-radius: 0; border-right: 1px solid #CCC; position: relative; } @@ -3228,8 +3210,8 @@ img.wiki-image { height:20px; width:82px; position: absolute; - right: 10px; - top: 10px; + right: 50px; + top: 20px; border: 1px solid #ccc; } @@ -3265,7 +3247,7 @@ img.wiki-image { height:18px; } -.background-control .layer-toggle-gpx button { +.background-control .layer-list button { float: right; height: 100%; width: 10%; @@ -3273,11 +3255,11 @@ img.wiki-image { border-radius: 0; } -.background-control .layer-toggle-gpx button .icon { +.background-control .layer-list button .icon { opacity: 0.5; } -.background-control .layer-toggle-gpx button.layer-extent { +.background-control .layer-list button:first-of-type { border-radius: 0 3px 3px 0; } @@ -3291,19 +3273,22 @@ img.wiki-image { border-radius: 0 0 0 4px; } -/* Help */ - -.help-control button { - border-radius: 0 0 0 4px; -} - -.help-wrap { +.map-overlay.content { position: fixed; top:60px; bottom: 30px; padding: 20px 50px 20px 20px; right: 0; - overflow-y: scroll; + overflow: auto; +} + +.background-control .map-overlay { + z-index: -1; +} +/* Help */ + +.help-control button { + border-radius: 0 0 0 4px; } .help-wrap p { @@ -3684,7 +3669,6 @@ img.wiki-image { } .mode-save .changeset-list { - overflow: auto; border:1px solid #ccc; border-radius: 4px; background:#fff; @@ -3927,27 +3911,41 @@ img.wiki-image { /* Exceptions for tooltip layouts */ -/* make tooltips in editor pane dark */ -.entity-editor-pane .tooltip.top .tooltip-arrow { +/* make tooltips in panels dark */ +.map-overlay .tooltip.top .tooltip-arrow, +.entity-editor-pane .tooltip.top .tooltip-arrow, +.warning-section .tooltip.top .tooltip-arrow { border-top-color: #000; } -.entity-editor-pane .tooltip.bottom .tooltip-arrow { +.map-overlay .tooltip.bottom .tooltip-arrow, +.entity-editor-pane .tooltip.bottom .tooltip-arrow, +.warning-section .tooltip.bottom .tooltip-arrow { border-bottom-color: #000; } -.entity-editor-pane .tooltip.left .tooltip-arrow { +.map-overlay .tooltip.left .tooltip-arrow, +.entity-editor-pane .tooltip.left .tooltip-arrow, +.warning-section .tooltip.left .tooltip-arrow { border-left-color: #000; } -.entity-editor-pane .tooltip.right .tooltip-arrow { +.map-overlay .tooltip.right .tooltip-arrow, +.entity-editor-pane .tooltip.right .tooltip-arrow, +.warning-section .tooltip.right .tooltip-arrow { border-right-color: #000; } -.entity-editor-pane .tooltip-inner { +.map-overlay .tooltip-inner, +.entity-editor-pane .tooltip-inner, +.warning-section .tooltip-inner { background: #000; color: #ccc; } +/* commit warning tooltips need to be closer */ +.warning-section .tooltip.top { + margin-top: -5px; +} /* Uncramp map-control tooltips */ .map-control .tooltip { @@ -4164,8 +4162,8 @@ img.wiki-image { .feature-airport{background-position:-54px -72px;} .feature-heliport{background-position:-108px -72px;} .feature-rail{background-position:-162px -72px;} -.feature-rail-underground{background-position:-216px -72px;} -.feature-rail-above{background-position:-0px -96px;} +.feature-rail-metro{background-position:-216px -72px;} +.feature-rail-light{background-position:-0px -96px;} .feature-bus{background-position:-54px -96px;} .feature-fuel{background-position:-108px -96px;} .feature-parking{background-position:-162px -96px;} @@ -4243,9 +4241,18 @@ img.wiki-image { .feature-dog-park{background-position:-0px -456px;} .feature-lighthouse{background-position:-54px -456px;} .feature-clothing-store{background-position:-108px -456px;} -.feature-london-underground{background-position:-162px -456px;} -.feature-minefield{background-position:-216px -456px;} -.feature-camera{background-position:-0px -480px;} +.feature-polling-place{background-position:-162px -456px;} +.feature-playground{background-position:-216px -456px;} +.feature-entrance{background-position:-0px -480px;} +.feature-heart{background-position:-54px -480px;} +.feature-london-underground{background-position:-108px -480px;} +.feature-minefield{background-position:-162px -480px;} +.feature-rail-underground{background-position:-216px -480px;} +.feature-rail-above{background-position:-0px -504px;} +.feature-camera{background-position:-54px -504px;} +.feature-laundry{background-position:-108px -504px;} +.feature-car{background-position:-162px -504px;} +.feature-suitcase{background-position:-216px -504px;} .preset-icon-line.feature-highway-motorway{background-position:-20px -25px;} .preset-icon-line.feature-highway-trunk{background-position:-80px -25px;} .preset-icon-line.feature-highway-primary{background-position:-140px -25px;}