X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/935c2071023e683c7625129380baed64b931913f..3251cdf5d6d4ce51e52d96f52f266ab37f1fa695:/vendor/assets/iD/iD.css.erb diff --git a/vendor/assets/iD/iD.css.erb b/vendor/assets/iD/iD.css.erb index 6db48ae11..099a76c25 100644 --- a/vendor/assets/iD/iD.css.erb +++ b/vendor/assets/iD/iD.css.erb @@ -161,28 +161,6 @@ input::-moz-focus-inner { .cf:after { clear: both; } -/* tiles */ -img.tile { - position:absolute; - transform-origin:0 0; - -ms-transform-origin:0 0; - -webkit-transform-origin:0 0; - -moz-transform-origin:0 0; - -o-transform-origin:0 0; - - opacity: 0; - - -webkit-transition: opacity 200ms linear; - transition: opacity 200ms linear; - -moz-transition: opacity 200ms linear; -} - -img.tile-loaded { - opacity: 1; -} -img.tile-removing { - opacity: 0; -} use { pointer-events: none; } @@ -1080,6 +1058,7 @@ path.stroke.tag-highway-cycleway { stroke: #58a9ed; } +.preset-icon .icon.tag-route-horse, .preset-icon .icon.highway-bridleway { color: #e06d5f; fill: #fff; @@ -2270,7 +2249,9 @@ button.save.has-count .count { display: block; position: absolute; top: 5px; - background: rgba(255, 255, 255, .5); + background: #fff; + border-color: #fff; + opacity: 0.5; color: #333; padding: 10px; height: 30px; @@ -2291,7 +2272,9 @@ button.save.has-count .count::before { bottom: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; - border-right: 6px solid rgba(255,255,255,.5); + border-right-width: 6px; + border-right-style: solid; + border-right-color: inherit; } /* Icons */ @@ -2465,45 +2448,8 @@ button.save.has-count .count::before { bottom: 0; } -.mapillary-image { - position: absolute; - bottom: 30px; - width: 330px; - height: 250px; - padding: 5px; - background-color: #fff; -} -.mapillary-image a { - display: block; - position: absolute; - height: auto; - background-color: rgba(0,0,0,.5); - bottom: 0; - padding: 5px 10px; -} -.mapillary-image img { - width: 100%; - height: auto; - display: block; -} - -.mapillary-image.hidden { - visibility: hidden; -} - -.mapillary-image.temp button { - display: none; -} - -.mapillary-image button { - border-radius: 0; - padding: 5px; - position: absolute; - right: 0; - top: 0; -} .feature-list-pane .inspector-body { top: 120px; @@ -3688,7 +3634,8 @@ div.full-screen > button:hover { background-color: #ececec; } -.layer-list li.active { +.layer-list li.active, +.layer-list li.switch { background: #E8EBFF; } @@ -3851,6 +3798,17 @@ div.full-screen > button:hover { right: -10px; } +.nudge-surface { + position: absolute; + z-index: 5000; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: transparent; + cursor: move; +} + .background-control .nudge.right::after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; @@ -4051,6 +4009,64 @@ div.full-screen > button:hover { border-radius: 4px; } + +/* Tiles +------------------------------------------------------- */ + +img.tile { + position:absolute; + transform-origin:0 0; + -ms-transform-origin:0 0; + -webkit-transform-origin:0 0; + -moz-transform-origin:0 0; + -o-transform-origin:0 0; + + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + + opacity: 0; + + -webkit-transition: opacity 200ms linear; + transition: opacity 200ms linear; + -moz-transition: opacity 200ms linear; +} + +.tile-label-debug { + background: rgba(0, 0, 0, 0.7); + color: #fff; + position: absolute; + text-align: center; + width: 128px; + border-radius: 3px; + z-index: 2; + + transform-origin:0 0; + -ms-transform-origin:0 0; + -webkit-transform-origin:0 0; + -moz-transform-origin:0 0; + -o-transform-origin:0 0; + + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +img.tile-debug { + border: 1px solid red; +} + +img.tile-loaded { + opacity: 1; +} + +img.tile-removing { + opacity: 0; +} + + /* Map ------------------------------------------------------- */ @@ -4067,6 +4083,7 @@ div.full-screen > button:hover { -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; + -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; @@ -4102,6 +4119,7 @@ div.full-screen > button:hover { -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; + -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; @@ -4231,6 +4249,10 @@ div.full-screen > button:hover { max-height: 30px; float: left; clear: left; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; } #info-block { @@ -4243,6 +4265,10 @@ div.full-screen > button:hover { width: 100%; } +#scale:hover { + cursor: pointer; +} + #scale text { font: 12px sans-serif; stroke: none; @@ -5018,3 +5044,44 @@ div.full-screen > button:hover { background: rgba(0, 0, 0, 0) url(<%= asset_path("iD/img/iD-sprite.svg") %>) no-repeat -300px -460px; margin: auto; } + +/* Mapillary +------------------------------------------------------- */ +.mapillary-wrap { + position: absolute; + bottom: 30px; + width: 330px; + height: 250px; + padding: 5px; + background-color: #fff; +} + +.mapillary-wrap.hidden { + visibility: hidden; +} + +.mapillary-wrap .uil-ripple-css { + top: -9px; + left: -15px; +} + +.mapillary-wrap .uil-ripple-css div { + top: 38px; +} + +.mapillary-wrap button.thumb-hide { + border-radius: 0; + padding: 5px; + position: absolute; + right: 0; + top: 0; + z-index: 500; +} + +.mly-wrapper { + visibility: hidden; +} + +.mly-wrapper.active { + visibility: visible; +}