X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/45d9e051f52c4c61a6510bfd74897d60bf15f1cf..f2bf38606e281290fee8273e247afc54f08a0a47:/vendor/assets/iD/iD.css.erb?ds=inline diff --git a/vendor/assets/iD/iD.css.erb b/vendor/assets/iD/iD.css.erb index a79d63b4b..1e63410fa 100644 --- a/vendor/assets/iD/iD.css.erb +++ b/vendor/assets/iD/iD.css.erb @@ -572,13 +572,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 +691,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 +708,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 +740,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 +862,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 +926,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 +1585,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 +1797,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 +2732,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; @@ -3051,21 +3043,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 +3060,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 +3156,6 @@ img.wiki-image { float: left; display: block; width:20%; - border-radius: 0; border-right: 1px solid #CCC; position: relative; } @@ -3228,8 +3199,8 @@ img.wiki-image { height:20px; width:82px; position: absolute; - right: 10px; - top: 10px; + right: 50px; + top: 20px; border: 1px solid #ccc; } @@ -3291,19 +3262,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 +3658,6 @@ img.wiki-image { } .mode-save .changeset-list { - overflow: auto; border:1px solid #ccc; border-radius: 4px; background:#fff; @@ -3927,27 +3900,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 { @@ -4145,99 +4132,116 @@ img.wiki-image { .preset-icon{background-image:url(<%= asset_path("iD/img/maki-sprite.png") %>);background-repeat:no-repeat;width:24px;height:24px;} .preset-icon-line{background-image:url(<%= asset_path("iD/img/line-presets.png") %>);background-repeat:no-repeat;width:60px;height:60px;} .preset-icon-relation{background-image:url(<%= asset_path("iD/img/relation-presets.png") %>);background-repeat:no-repeat;width:60px;height:60px;} -.feature-airfield{background-position:-0px -34px;} -.feature-airport{background-position:-0px -94px;} -.feature-alcohol-shop{background-position:-0px -154px;} -.feature-america-football{background-position:-0px -214px;} -.feature-art-gallery{background-position:-0px -274px;} -.feature-bank{background-position:-0px -334px;} -.feature-bar{background-position:-0px -394px;} -.feature-baseball{background-position:-0px -454px;} -.feature-basketball{background-position:-0px -514px;} -.feature-beer{background-position:-0px -574px;} -.feature-bicycle{background-position:-0px -634px;} -.feature-building{background-position:-0px -694px;} -.feature-bus{background-position:-0px -754px;} -.feature-cafe{background-position:-0px -814px;} -.feature-campsite{background-position:-0px -874px;} -.feature-cemetery{background-position:-0px -934px;} -.feature-cinema{background-position:-0px -994px;} -.feature-circle{background-position:-0px -1054px;} -.feature-circle-stroked{background-position:-0px -1114px;} -.feature-city{background-position:-0px -1174px;} -.feature-college{background-position:-0px -1234px;} -.feature-commercial{background-position:-0px -1294px;} -.feature-cricket{background-position:-0px -1354px;} -.feature-cross{background-position:-0px -1414px;} -.feature-dam{background-position:-0px -1474px;} -.feature-danger{background-position:-0px -1534px;} -.feature-disability{background-position:-0px -1594px;} -.feature-embassy{background-position:-0px -1654px;} -.feature-emergency-telephone{background-position:-0px -1714px;} -.feature-farm{background-position:-0px -1774px;} -.feature-fast-food{background-position:-0px -1834px;} -.feature-ferry{background-position:-0px -1894px;} -.feature-fire-station{background-position:-0px -1954px;} -.feature-fuel{background-position:-0px -2014px;} -.feature-garden{background-position:-0px -2074px;} -.feature-golf{background-position:-0px -2134px;} -.feature-grocery{background-position:-0px -2194px;} -.feature-harbor{background-position:-0px -2254px;} -.feature-heliport{background-position:-0px -2314px;} -.feature-hospital{background-position:-0px -2374px;} -.feature-industrial{background-position:-0px -2434px;} -.feature-land-use{background-position:-0px -2494px;} -.feature-library{background-position:-0px -2554px;} -.feature-lodging{background-position:-0px -2614px;} -.feature-logging{background-position:-0px -2674px;} -.feature-marker{background-position:-0px -2734px;} -.feature-marker-stroked{background-position:-0px -2794px;} -.feature-monument{background-position:-0px -2854px;} -.feature-museum{background-position:-0px -2914px;} -.feature-music{background-position:-0px -2974px;} -.feature-oil-well{background-position:-0px -3034px;} -.feature-park{background-position:-0px -3094px;} -.feature-park2{background-position:-0px -3154px;} -.feature-parking{background-position:-0px -3214px;} -.feature-parking-garage{background-position:-0px -3274px;} -.feature-pharmacy{background-position:-0px -3334px;} -.feature-pitch{background-position:-0px -3394px;} -.feature-place-of-worship{background-position:-0px -3454px;} -.feature-police{background-position:-0px -3514px;} -.feature-post{background-position:-0px -3574px;} -.feature-prison{background-position:-0px -3634px;} -.feature-rail{background-position:-0px -3694px;} -.feature-rail-above{background-position:-0px -3754px;} -.feature-rail-underground{background-position:-0px -3814px;} -.feature-religious-christian{background-position:-0px -3874px;} -.feature-religious-jewish{background-position:-0px -3934px;} -.feature-religious-muslim{background-position:-0px -3994px;} -.feature-restaurant{background-position:-0px -4054px;} -.feature-roadblock{background-position:-0px -4114px;} -.feature-school{background-position:-0px -4174px;} -.feature-shop{background-position:-0px -4234px;} -.feature-skiing{background-position:-0px -4294px;} -.feature-slaughterhouse{background-position:-0px -4354px;} -.feature-soccer{background-position:-0px -4414px;} -.feature-square{background-position:-0px -4474px;} -.feature-square-stroked{background-position:-0px -4534px;} -.feature-star{background-position:-0px -4594px;} -.feature-star-stroked{background-position:-0px -4654px;} -.feature-swimming{background-position:-0px -4714px;} -.feature-telephone{background-position:-0px -4774px;} -.feature-tennis{background-position:-0px -4834px;} -.feature-theatre{background-position:-0px -4894px;} -.feature-toilets{background-position:-0px -4954px;} -.feature-town{background-position:-0px -5014px;} -.feature-town-hall{background-position:-0px -5074px;} -.feature-triangle{background-position:-0px -5134px;} -.feature-triangle-stroked{background-position:-0px -5194px;} -.feature-village{background-position:-0px -5254px;} -.feature-warehouse{background-position:-0px -5314px;} -.feature-waste-basket{background-position:-0px -5374px;} -.feature-water{background-position:-0px -5434px;} -.feature-wetland{background-position:-0px -5494px;} -.feature-zoo{background-position:-0px -5554px;} +.feature-circle-stroked{background-position:-0px -0px;} +.feature-circle{background-position:-54px -0px;} +.feature-square-stroked{background-position:-108px -0px;} +.feature-square{background-position:-162px -0px;} +.feature-triangle-stroked{background-position:-216px -0px;} +.feature-triangle{background-position:-0px -24px;} +.feature-star-stroked{background-position:-54px -24px;} +.feature-star{background-position:-108px -24px;} +.feature-cross{background-position:-162px -24px;} +.feature-marker-stroked{background-position:-216px -24px;} +.feature-marker{background-position:-0px -48px;} +.feature-religious-jewish{background-position:-54px -48px;} +.feature-religious-christian{background-position:-108px -48px;} +.feature-religious-muslim{background-position:-162px -48px;} +.feature-cemetery{background-position:-216px -48px;} +.feature-rocket{background-position:-0px -72px;} +.feature-airport{background-position:-54px -72px;} +.feature-heliport{background-position:-108px -72px;} +.feature-rail{background-position:-162px -72px;} +.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;} +.feature-parking-garage{background-position:-216px -96px;} +.feature-airfield{background-position:-0px -120px;} +.feature-roadblock{background-position:-54px -120px;} +.feature-ferry{background-position:-108px -120px;} +.feature-harbor{background-position:-162px -120px;} +.feature-bicycle{background-position:-216px -120px;} +.feature-park{background-position:-0px -144px;} +.feature-park2{background-position:-54px -144px;} +.feature-museum{background-position:-108px -144px;} +.feature-lodging{background-position:-162px -144px;} +.feature-monument{background-position:-216px -144px;} +.feature-zoo{background-position:-0px -168px;} +.feature-garden{background-position:-54px -168px;} +.feature-campsite{background-position:-108px -168px;} +.feature-theatre{background-position:-162px -168px;} +.feature-art-gallery{background-position:-216px -168px;} +.feature-pitch{background-position:-0px -192px;} +.feature-soccer{background-position:-54px -192px;} +.feature-america-football{background-position:-108px -192px;} +.feature-tennis{background-position:-162px -192px;} +.feature-basketball{background-position:-216px -192px;} +.feature-baseball{background-position:-0px -216px;} +.feature-golf{background-position:-54px -216px;} +.feature-swimming{background-position:-108px -216px;} +.feature-cricket{background-position:-162px -216px;} +.feature-skiing{background-position:-216px -216px;} +.feature-school{background-position:-0px -240px;} +.feature-college{background-position:-54px -240px;} +.feature-library{background-position:-108px -240px;} +.feature-post{background-position:-162px -240px;} +.feature-fire-station{background-position:-216px -240px;} +.feature-town-hall{background-position:-0px -264px;} +.feature-police{background-position:-54px -264px;} +.feature-prison{background-position:-108px -264px;} +.feature-embassy{background-position:-162px -264px;} +.feature-beer{background-position:-216px -264px;} +.feature-restaurant{background-position:-0px -288px;} +.feature-cafe{background-position:-54px -288px;} +.feature-shop{background-position:-108px -288px;} +.feature-fast-food{background-position:-162px -288px;} +.feature-bar{background-position:-216px -288px;} +.feature-bank{background-position:-0px -312px;} +.feature-grocery{background-position:-54px -312px;} +.feature-cinema{background-position:-108px -312px;} +.feature-pharmacy{background-position:-162px -312px;} +.feature-hospital{background-position:-216px -312px;} +.feature-danger{background-position:-0px -336px;} +.feature-industrial{background-position:-54px -336px;} +.feature-warehouse{background-position:-108px -336px;} +.feature-commercial{background-position:-162px -336px;} +.feature-building{background-position:-216px -336px;} +.feature-place-of-worship{background-position:-0px -360px;} +.feature-alcohol-shop{background-position:-54px -360px;} +.feature-logging{background-position:-108px -360px;} +.feature-oil-well{background-position:-162px -360px;} +.feature-slaughterhouse{background-position:-216px -360px;} +.feature-dam{background-position:-0px -384px;} +.feature-water{background-position:-54px -384px;} +.feature-wetland{background-position:-108px -384px;} +.feature-disability{background-position:-162px -384px;} +.feature-telephone{background-position:-216px -384px;} +.feature-emergency-telephone{background-position:-0px -408px;} +.feature-toilets{background-position:-54px -408px;} +.feature-waste-basket{background-position:-108px -408px;} +.feature-music{background-position:-162px -408px;} +.feature-land-use{background-position:-216px -408px;} +.feature-city{background-position:-0px -432px;} +.feature-town{background-position:-54px -432px;} +.feature-village{background-position:-108px -432px;} +.feature-farm{background-position:-162px -432px;} +.feature-bakery{background-position:-216px -432px;} +.feature-dog-park{background-position:-0px -456px;} +.feature-lighthouse{background-position:-54px -456px;} +.feature-clothing-store{background-position:-108px -456px;} +.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;}