input[type=tel],
input[type=email] {
background-color: white;
+ color: #333;
border:1px solid #ccc;
padding:5px 10px;
height:30px;
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;
float:right;
margin-left: 20px;
margin-bottom: 20px;
- padding-left: 5px
+ padding-left: 5px;
}
.help-wrap .toc li a,
/* Map-In-Map
------------------------------------------------------- */
-
.map-in-map {
position: absolute;
overflow: hidden;
user-select: none;
}
-.map-in-map-svg,
-.map-in-map-gpx {
+.map-in-map-viewport,
+.map-in-map-data {
top: 0;
left: 0;
overflow: hidden;
width: 100%;
}
-.map-in-map-svg {
+.map-in-map-viewport {
position: absolute;
}
-.map-in-map-gpx {
+.map-in-map-data {
position: relative;
z-index: 10;
}
-.bbox,
.map-in-map-bbox {
fill: none;
stroke: rgba(255, 255, 0, 0.75);
stroke-width: 5;
}
+
+/* Debug
+------------------------------------------------------- */
+.debug {
+ stroke: currentColor;
+ fill: none;
+ stroke-width: 2;
+}
+.map-in-map-data .debug {
+ stroke-width: 1;
+}
+
+.red { color: rgba(255, 0, 0, 0.75); }
+.green { color: rgba(0, 255, 0, 0.75); }
+.blue { color: rgba(0, 0, 255, 0.75); }
+.yellow { color: rgba(255, 255, 0, 0.75); }
+.cyan { color: rgba(0, 255, 255, 0.75); }
+.magenta { color: rgba(255, 0, 255, 0.75); }
+.orange { color: rgba(255, 153, 0, 0.75); }
+.pink { color: rgba(255, 0, 153, 0.75); }
+.purple { color: rgba(153, 0, 255, 0.75); }
+
+.debug-legend {
+ position: absolute;
+ top: 70px;
+ right: 80px;
+ padding: 5px;
+ border-radius: 4px;
+ pointer-events: none;
+}
+
+.debug-legend-item {
+ padding-right: 5px;
+}
+.debug-legend-item:before {
+ content: "\25A0";
+ padding: 0 5px;
+}
+
/* Info Box
------------------------------------------------------- */
.infobox {
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;
+}