Split api changeset subscription tests

[rails.git] / vendor / assets / iD / iD.css.erb

diff --git a/vendor/assets/iD/iD.css.erb b/vendor/assets/iD/iD.css.erb
index 69cc3e9831b7e62f0204dc289b73e5757605563c..7304079e358cfc358bef5ce185e73135b8481833 100644 (file)
--- a/vendor/assets/iD/iD.css.erb
+++ b/vendor/assets/iD/iD.css.erb
@@ -179,8 +179,7 @@
 /* No interactivity except what we specifically allow */
 .ideditor .data-layer.osm *,
 .ideditor .data-layer.notes *,
-.ideditor .data-layer.keepRight *,
-.ideditor .data-layer.improveOSM * {
+.ideditor .data-layer.keepRight * {
     pointer-events: none;
 }
 
@@ -440,12 +439,14 @@
 
 
 /* Wikidata-tagged */
-.ideditor g.point.tag-wikidata path.stroke {
+.ideditor g.point.tag-wikidata path.stroke,
+.ideditor g.vertex.tag-wikidata circle.stroke {
     stroke-width: 2px;
     stroke: #666;
     fill: #eee;
 }
-.ideditor g.point.tag-wikidata .icon {
+.ideditor g.point.tag-wikidata .icon,
+.ideditor g.vertex.tag-wikidata .icon {
     color: #666;
 }
 
@@ -1152,21 +1153,36 @@
 .ideditor path.line.shadow.tag-highway-bus_guideway,
 .ideditor path.line.shadow.tag-highway-service,
 .ideditor path.line.shadow.tag-highway-track,
-.ideditor path.line.shadow.tag-highway-road {
+.ideditor path.line.shadow.tag-highway-road,
+.ideditor path.line.shadow.tag-highway-motorway_link,
+.ideditor path.line.shadow.tag-highway-trunk_link,
+.ideditor path.line.shadow.tag-highway-primary_link,
+.ideditor path.line.shadow.tag-highway-secondary_link,
+.ideditor path.line.shadow.tag-highway-tertiary_link {
     stroke-width: 16;
 }
 .ideditor path.line.casing.tag-highway-living_street,
 .ideditor path.line.casing.tag-highway-bus_guideway,
 .ideditor path.line.casing.tag-highway-service,
 .ideditor path.line.casing.tag-highway-track,
-.ideditor path.line.casing.tag-highway-road {
+.ideditor path.line.casing.tag-highway-road,
+.ideditor path.line.casing.tag-highway-motorway_link,
+.ideditor path.line.casing.tag-highway-trunk_link,
+.ideditor path.line.casing.tag-highway-primary_link,
+.ideditor path.line.casing.tag-highway-secondary_link,
+.ideditor path.line.casing.tag-highway-tertiary_link {
     stroke-width: 7;
 }
 .ideditor path.line.stroke.tag-highway-living_street,
 .ideditor path.line.stroke.tag-highway-bus_guideway,
 .ideditor path.line.stroke.tag-highway-service,
 .ideditor path.line.stroke.tag-highway-track,
-.ideditor path.line.stroke.tag-highway-road {
+.ideditor path.line.stroke.tag-highway-road,
+.ideditor path.line.stroke.tag-highway-motorway_link,
+.ideditor path.line.stroke.tag-highway-trunk_link,
+.ideditor path.line.stroke.tag-highway-primary_link,
+.ideditor path.line.stroke.tag-highway-secondary_link,
+.ideditor path.line.stroke.tag-highway-tertiary_link {
     stroke-width: 5;
 }
 .ideditor path.line.casing.tag-highway-service.tag-service-driveway {
@@ -1181,6 +1197,7 @@
 .ideditor path.line.shadow.tag-highway-cycleway,
 .ideditor path.line.shadow.tag-highway-bridleway,
 .ideditor path.line.shadow.tag-highway-corridor,
+.ideditor path.line.shadow.tag-highway-ladder,
 .ideditor path.line.shadow.tag-highway-steps {
     stroke-width: 16;
 }
@@ -1189,6 +1206,7 @@
 .ideditor path.line.casing.tag-highway-cycleway,
 .ideditor path.line.casing.tag-highway-bridleway,
 .ideditor path.line.casing.tag-highway-corridor,
+.ideditor path.line.casing.tag-highway-ladder,
 .ideditor path.line.casing.tag-highway-steps {
     stroke-width: 5;
 }
@@ -1197,6 +1215,7 @@
 .ideditor path.line.stroke.tag-highway-cycleway,
 .ideditor path.line.stroke.tag-highway-bridleway,
 .ideditor path.line.stroke.tag-highway-corridor,
+.ideditor path.line.stroke.tag-highway-ladder,
 .ideditor path.line.stroke.tag-highway-steps {
     stroke-width: 3;
 }
@@ -1205,21 +1224,36 @@
 .ideditor .low-zoom path.line.shadow.tag-highway-bus_guideway,
 .ideditor .low-zoom path.line.shadow.tag-highway-service,
 .ideditor .low-zoom path.line.shadow.tag-highway-track,
-.ideditor .low-zoom path.line.shadow.tag-highway-road {
+.ideditor .low-zoom path.line.shadow.tag-highway-road,
+.ideditor .low-zoom path.line.shadow.tag-highway-motorway_link,
+.ideditor .low-zoom path.line.shadow.tag-highway-trunk_link,
+.ideditor .low-zoom path.line.shadow.tag-highway-primary_link,
+.ideditor .low-zoom path.line.shadow.tag-highway-secondary_link,
+.ideditor .low-zoom path.line.shadow.tag-highway-tertiary_link {
     stroke-width: 12;
 }
 .ideditor .low-zoom path.line.casing.tag-highway-living_street,
 .ideditor .low-zoom path.line.casing.tag-highway-bus_guideway,
 .ideditor .low-zoom path.line.casing.tag-highway-service,
 .ideditor .low-zoom path.line.casing.tag-highway-track,
-.ideditor .low-zoom path.line.casing.tag-highway-road {
+.ideditor .low-zoom path.line.casing.tag-highway-road,
+.ideditor .low-zoom path.line.casing.tag-highway-motorway_link,
+.ideditor .low-zoom path.line.casing.tag-highway-trunk_link,
+.ideditor .low-zoom path.line.casing.tag-highway-primary_link,
+.ideditor .low-zoom path.line.casing.tag-highway-secondary_link,
+.ideditor .low-zoom path.line.casing.tag-highway-tertiary_link {
     stroke-width: 5;
 }
 .ideditor .low-zoom path.line.stroke.tag-highway-living_street,
 .ideditor .low-zoom path.line.stroke.tag-highway-bus_guideway,
 .ideditor .low-zoom path.line.stroke.tag-highway-service,
 .ideditor .low-zoom path.line.stroke.tag-highway-track,
-.ideditor .low-zoom path.line.stroke.tag-highway-road {
+.ideditor .low-zoom path.line.stroke.tag-highway-road,
+.ideditor .low-zoom path.line.stroke.tag-highway-motorway_link,
+.ideditor .low-zoom path.line.stroke.tag-highway-trunk_link,
+.ideditor .low-zoom path.line.stroke.tag-highway-primary_link,
+.ideditor .low-zoom path.line.stroke.tag-highway-secondary_link,
+.ideditor .low-zoom path.line.stroke.tag-highway-tertiary_link {
     stroke-width: 3;
 }
 .ideditor .low-zoom  path.line.casing.tag-highway-service.tag-service-driveway {
@@ -1234,6 +1268,7 @@
 .ideditor .low-zoom path.line.shadow.tag-highway-cycleway,
 .ideditor .low-zoom path.line.shadow.tag-highway-bridleway,
 .ideditor .low-zoom path.line.shadow.tag-highway-corridor,
+.ideditor .low-zoom path.line.shadow.tag-highway-ladder,
 .ideditor .low-zoom path.line.shadow.tag-highway-steps {
     stroke-width: 12;
 }
@@ -1242,6 +1277,7 @@
 .ideditor .low-zoom path.line.casing.tag-highway-cycleway,
 .ideditor .low-zoom path.line.casing.tag-highway-bridleway,
 .ideditor .low-zoom path.line.casing.tag-highway-corridor,
+.ideditor .low-zoom path.line.casing.tag-highway-ladder,
 .ideditor .low-zoom path.line.casing.tag-highway-steps {
     stroke-width: 3;
 }
@@ -1250,6 +1286,7 @@
 .ideditor .low-zoom path.line.stroke.tag-highway-cycleway,
 .ideditor .low-zoom path.line.stroke.tag-highway-bridleway,
 .ideditor .low-zoom path.line.stroke.tag-highway-corridor,
+.ideditor .low-zoom path.line.stroke.tag-highway-ladder,
 .ideditor .low-zoom path.line.stroke.tag-highway-steps {
     stroke-width: 1;
 }
@@ -1330,25 +1367,21 @@
 }
 
 /* service roads */
-.ideditor path.line.stroke.tag-highway-service,
-.ideditor path.line.stroke.tag-service {
+.ideditor path.line.stroke.tag-highway-service {
     stroke: #fff;
 }
-.ideditor path.line.casing.tag-highway-service,
-.ideditor path.line.casing.tag-service {
+.ideditor path.line.casing.tag-highway-service {
     stroke: #666;
 }
 
 /* special service roads and bus guideways */
 /* with `service=* tag`  (e.g. parking_aisle, alley, drive-through) */
 .ideditor path.line.stroke.tag-highway-bus_guideway,
-.ideditor path.line.stroke.tag-highway-service.tag-service,
-.ideditor path.line.stroke.tag-service.tag-service {
+.ideditor path.line.stroke.tag-highway-service.tag-service {
     stroke: #dca;
 }
 .ideditor path.line.casing.tag-highway-bus_guideway,
-.ideditor path.line.casing.tag-highway-service.tag-service,
-.ideditor path.line.casing.tag-service.tag-service {
+.ideditor path.line.casing.tag-highway-service.tag-service {
     stroke: #666;
 }
 
@@ -1437,7 +1470,7 @@
     fill: #fff;
 }
 .ideditor path.line.stroke.tag-highway-footway,
-.ideditor path.line.stroke.tag-highway_bus_stop,
+.ideditor path.line.stroke.tag-highway-bus_stop,
 .ideditor .preset-icon-container path.casing.tag-highway-footway {
     stroke: #988;
 }
@@ -1493,27 +1526,34 @@
 }
 
 /* steps */
-.ideditor .preset-icon .icon.tag-highway-steps {
+.ideditor .preset-icon .icon.tag-highway-steps,
+.ideditor .preset-icon .icon.tag-highway-ladder {
     color: #81d25c;
     fill: #fff;
 }
-.ideditor path.line.stroke.tag-highway-steps {
+.ideditor path.line.stroke.tag-highway-steps,
+.ideditor path.line.stroke.tag-highway-ladder {
     stroke-linecap: butt;
     stroke-dasharray: 3, 3;
 }
-.ideditor .low-zoom path.line.stroke.tag-highway-steps {
+.ideditor .low-zoom path.line.stroke.tag-highway-steps,
+.ideditor .low-zoom path.line.stroke.tag-highway-ladder {
     stroke-dasharray: 2, 2;
 }
-.ideditor path.line.casing.tag-highway-steps {
+.ideditor path.line.casing.tag-highway-steps,
+.ideditor path.line.casing.tag-highway-ladder {
     stroke: #fff;
     stroke-linecap: round;
     stroke-dasharray: none;
 }
 .ideditor path.line.stroke.tag-highway-steps,
-.ideditor .preset-icon-container path.line.casing.tag-highway-steps {
+.ideditor path.line.stroke.tag-highway-ladder,
+.ideditor .preset-icon-container path.line.casing.tag-highway-steps,
+.ideditor .preset-icon-container path.line.casing.tag-highway-ladder {
     stroke: #81d25c;
 }
-.ideditor .preset-icon-container path.line.stroke.tag-highway-steps {
+.ideditor .preset-icon-container path.line.stroke.tag-highway-steps,
+.ideditor .preset-icon-container path.line.stroke.tag-highway-ladder {
     stroke: #fff;
 }
 
@@ -1566,6 +1606,7 @@
 /* highway midpoints */
 .ideditor g.midpoint.tag-highway-corridor .fill,
 .ideditor g.midpoint.tag-highway-steps .fill,
+.ideditor g.midpoint.tag-highway-ladder .fill,
 .ideditor g.midpoint.tag-highway-path .fill,
 .ideditor g.midpoint.tag-highway-footway .fill,
 .ideditor g.midpoint.tag-highway-cycleway .fill,
@@ -1729,7 +1770,14 @@
 .ideditor path.line.stroke.tag-railway-subway {
     stroke: #bbb;
 }
-/* waterways */
+
+/* railways with `service=* tag` (e.g. sidings, crossovers, etc.) */
+.ideditor path.line.stroke.tag-railway.tag-service {
+    stroke: #dca;
+}
+.ideditor path.line.casing.tag-railway.tag-service {
+    stroke: #666;
+}/* waterways */
 
 /* defaults */
 .ideditor .preset-icon .icon.tag-waterway.other-line {
@@ -1798,26 +1846,39 @@
 
 
 /* wide waterways (river) */
-.ideditor path.line.shadow.tag-waterway-river {
+.ideditor path.line.shadow.tag-waterway-river,
+.ideditor path.line.shadow.tag-waterway-flowline {
     stroke-width: 20;
 }
-.ideditor path.line.casing.tag-waterway-river {
+.ideditor path.line.casing.tag-waterway-river,
+.ideditor path.line.casing.tag-waterway-flowline {
     stroke-width: 10;
 }
-.ideditor path.line.stroke.tag-waterway-river {
+.ideditor path.line.stroke.tag-waterway-river,
+.ideditor path.line.stroke.tag-waterway-flowline {
     stroke-width: 8;
 }
 
-.ideditor .low-zoom path.line.shadow.tag-waterway-river {
+.ideditor .low-zoom path.line.shadow.tag-waterway-river,
+.ideditor .low-zoom path.line.shadow.tag-waterway-flowline {
     stroke-width: 16;
 }
-.ideditor .low-zoom path.line.casing.tag-waterway-river {
+.ideditor .low-zoom path.line.casing.tag-waterway-river,
+.ideditor .low-zoom path.line.casing.tag-waterway-flowline {
     stroke-width: 7;
 }
-.ideditor .low-zoom path.line.stroke.tag-waterway-river {
+.ideditor .low-zoom path.line.stroke.tag-waterway-river,
+.ideditor .low-zoom path.line.stroke.tag-waterway-flowline {
     stroke-width: 5;
 }
 
+.ideditor path.line.stroke.tag-waterway-flowline {
+    stroke-opacity: 0.5;
+}
+.ideditor path.line.casing.tag-waterway-flowline {
+    display: none;
+}
+
 
 /* ditch */
 .ideditor .preset-icon .icon.tag-waterway-ditch {
@@ -2115,6 +2176,7 @@
 .ideditor path.line.shadow.tag-highway-service.tag-bridge,
 .ideditor path.line.shadow.tag-highway-track.tag-bridge,
 .ideditor path.line.shadow.tag-highway-steps.tag-bridge,
+.ideditor path.line.shadow.tag-highway-ladder.tag-bridge,
 .ideditor path.line.shadow.tag-highway-footway.tag-bridge,
 .ideditor path.line.shadow.tag-highway-cycleway.tag-bridge,
 .ideditor path.line.shadow.tag-highway-bridleway.tag-bridge {
@@ -2128,6 +2190,7 @@
 .ideditor path.line.casing.tag-highway-service.tag-bridge,
 .ideditor path.line.casing.tag-highway-track.tag-bridge,
 .ideditor path.line.casing.tag-highway-steps.tag-bridge,
+.ideditor path.line.casing.tag-highway-ladder.tag-bridge,
 .ideditor path.line.casing.tag-highway-footway.tag-bridge,
 .ideditor path.line.casing.tag-highway-cycleway.tag-bridge,
 .ideditor path.line.casing.tag-highway-bridleway.tag-bridge {
@@ -2142,6 +2205,7 @@
 .ideditor .low-zoom path.line.shadow.tag-highway-service.tag-bridge,
 .ideditor .low-zoom path.line.shadow.tag-highway-track.tag-bridge,
 .ideditor .low-zoom path.line.shadow.tag-highway-steps.tag-bridge,
+.ideditor .low-zoom path.line.shadow.tag-highway-ladder.tag-bridge,
 .ideditor .low-zoom path.line.shadow.tag-highway-footway.tag-bridge,
 .ideditor .low-zoom path.line.shadow.tag-highway-cycleway.tag-bridge,
 .ideditor .low-zoom path.line.shadow.tag-highway-bridleway.tag-bridge {
@@ -2155,6 +2219,7 @@
 .ideditor .low-zoom path.line.casing.tag-highway-service.tag-bridge,
 .ideditor .low-zoom path.line.casing.tag-highway-track.tag-bridge,
 .ideditor .low-zoom path.line.casing.tag-highway-steps.tag-bridge,
+.ideditor .low-zoom path.line.casing.tag-highway-ladder.tag-bridge,
 .ideditor .low-zoom path.line.casing.tag-highway-footway.tag-bridge,
 .ideditor .low-zoom path.line.casing.tag-highway-cycleway.tag-bridge,
 .ideditor .low-zoom path.line.casing.tag-highway-bridleway.tag-bridge {
@@ -2170,7 +2235,7 @@
 }
 .ideditor path.line.casing.tag-tunnel,
 .ideditor path.line.casing.tag-location-underground,
-.ideditor path.line.stroke.tag-location-underwater {
+.ideditor path.line.casing.tag-location-underwater {
     stroke-opacity: 0.5;
     stroke-linecap: butt;
     stroke-dasharray: none;
@@ -2283,14 +2348,18 @@
 .ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-footway,
 .ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-cycleway,
 .ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-bridleway,
-.ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-steps {
+.ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-corridor,
+.ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-steps,
+.ideditor path.line.shadow.tag-highway.tag-status.tag-status-construction.tag-construction-ladder {
     stroke-width: 15;
 }
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-path,
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-footway,
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-cycleway,
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-bridleway,
-.ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-steps {
+.ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-corridor,
+.ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-steps,
+.ideditor path.line.casing.tag-highway.tag-status.tag-status-construction.tag-construction-ladder {
     stroke-width: 5;
     stroke-linecap: butt;
     stroke-dasharray: none
@@ -2299,7 +2368,9 @@
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-footway,
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-cycleway,
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-bridleway,
-.ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-steps {
+.ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-corridor,
+.ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-steps,
+.ideditor path.line.stroke.tag-highway.tag-status.tag-status-construction.tag-construction-ladder {
     stroke-width: 4;
     stroke-linecap: butt;
     stroke-dasharray: 10, 10;
@@ -2310,28 +2381,32 @@
 .ideditor path.line.shadow.tag-highway.tag-status.tag-status-proposed.tag-proposed-footway,
 .ideditor path.line.shadow.tag-highway.tag-status.tag-status-proposed.tag-proposed-cycleway,
 .ideditor path.line.shadow.tag-highway.tag-status.tag-status-proposed.tag-proposed-bridleway,
-.ideditor path.line.shadow.tag-highway.tag-status.tag-status-proposed.tag-proposed-steps {
+.ideditor path.line.shadow.tag-highway.tag-status.tag-status-proposed.tag-proposed-steps,
+.ideditor path.line.shadow.tag-highway.tag-status.tag-status-proposed.tag-proposed-ladder {
     stroke-width: 15;
 }
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-path,
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-footway,
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-cycleway,
 .ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-bridleway,
-.ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-steps {
+.ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-steps,
+.ideditor path.line.casing.tag-highway.tag-status.tag-status-proposed.tag-proposed-ladder {
     stroke-width: 4.5;
 }
 .ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-path,
 .ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-footway,
 .ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-cycleway,
 .ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-bridleway,
-.ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-steps {
+.ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-steps,
+.ideditor path.line.casing.tag-highway.tag-bridge.tag-status.tag-status-proposed.tag-proposed-ladder {
     stroke-width: 10;
 }
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-path,
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-footway,
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-cycleway,
 .ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-bridleway,
-.ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-steps {
+.ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-steps,
+.ideditor path.line.stroke.tag-highway.tag-status.tag-status-proposed.tag-proposed-ladder {
     stroke-width: 3;
 }
 
@@ -2478,6 +2553,20 @@
 .ideditor .turn circle {
     cursor: pointer;
 }
+/* legend */
+.ideditor li.list-item-photos.active:after {
+    display: block;
+    content: "";
+    height: 100%;
+    position: absolute;
+    right: 0;
+    width: 8px;
+}
+.ideditor[dir='rtl'] li.list-item-photos.active:after {
+    right: auto;
+    left: 0;
+}
+
 /* photo viewer div */
 .ideditor .photoviewer {
     position: relative;
@@ -2513,6 +2602,15 @@
     z-index: 50;
 }
 
+.ideditor .photoviewer button.set-photo-from-viewer {
+    border-radius: 0;
+    padding: 5px;
+    position: absolute;
+    left: 5px;
+    top: 5px;
+    z-index: 50;
+}
+
 .ideditor .photoviewer button.resize-handle-xy {
     border-radius: 0;
     position: absolute;
@@ -2561,8 +2659,8 @@
     width: 100%;
     font-size: 10px;
     text-align: right;
-    line-height: 1.1em;
-    padding: 4px 2px;
+    line-height: 150%;
+    padding: 4px 8px;
     z-index: 10;
 }
 .ideditor .photo-attribution-dual {
@@ -2575,6 +2673,7 @@
 .ideditor .photo-attribution span {
     padding: 4px 2px;
     color: #fff;
+    text-wrap: nowrap;
 }
 
 /* markers and sequences */
@@ -2590,55 +2689,55 @@
     cursor: pointer;
 }
 
-.ideditor .viewfield-group.currentView * {
-    fill: #ffee00 !important;
-}
-.ideditor .viewfield-group.hovered * {
-    fill: #eebb00 !important;
-}
-
 .ideditor .viewfield-group circle {
     stroke: #555;
     stroke-width: 1;
     stroke-opacity: 0.4;
     fill-opacity: 0.4;
 }
+.ideditor .viewfield-group .viewfield {
+    stroke-width: 0;
+    stroke: #222;
+    fill-opacity: 0.4;
+}
 .ideditor .viewfield-group.highlighted circle {
     stroke: #222;
     stroke-opacity: 0.9;
     fill-opacity: 0.9;
 }
-.ideditor .viewfield-group.highlighted.hovered circle {
+.ideditor .viewfield-group.highlighted .viewfield {
+    stroke-width: 1;
+    fill-opacity: 0.8;
+}
+.ideditor .viewfield-group.hovered circle {
+    fill: #eebb00;
     stroke: #222;
     stroke-width: 2;
     stroke-opacity: 0.9;
     fill-opacity: 0.9;
 }
-.ideditor .viewfield-group.highlighted.currentView circle {
+.ideditor .viewfield-group.hovered .viewfield {
+    fill: #eebb00;
+    stroke: #222;
+    stroke-width: 1;
+    fill-opacity: 0.8;
+}
+.ideditor .viewfield-group.currentView circle {
+    fill: #ffee00;
     stroke: #222;
     stroke-width: 2;
     stroke-opacity: 1;
     fill-opacity: 1;
 }
-
-.ideditor .viewfield-group .viewfield {
-    stroke-width: 0;
+.ideditor .viewfield-group.currentView .viewfield {
+    fill: #ffee00;
     stroke: #222;
-    fill-opacity: 0.4;
-}
-.ideditor .viewfield-group.highlighted .viewfield {
-    stroke-width: 1;
-    fill-opacity: 0.8;
-}
-.ideditor .viewfield-group.highlighted.hovered .viewfield {
-    stroke-width: 1;
-    fill-opacity: 0.8;
-}
-.ideditor .viewfield-group.highlighted.currentView .viewfield {
     stroke-width: 1;
+    stroke-opacity: 1;
     fill-opacity: 0.9;
 }
 
+
 .ideditor .viewfield-group.currentView .viewfield-scale {
     transform: scale(2,2);
 }
@@ -2646,7 +2745,7 @@
 .ideditor .sequence {
     fill: none;
     stroke-width: 2;
-    stroke-opacity: 0.4;
+    stroke-opacity: 0.6;
 }
 .ideditor .sequence.highlighted,
 .ideditor .sequence.currentView {
@@ -2656,6 +2755,9 @@
 
 
 /* Streetside Image Layer */
+.ideditor li.list-item-photos.list-item-streetside.active:after {
+    background-color: #0fffc4;
+}
 .ideditor .layer-streetside-images {
     pointer-events: none;
 }
@@ -2668,19 +2770,25 @@
 }
 
 /* Vegbilder Image Layer */
+.ideditor li.list-item-photos.list-item-vegbilder.active:after {
+    background-color: #ed1c2e;
+}
 .ideditor .layer-vegbilder {
     pointer-events: none;
 }
 .ideditor .layer-vegbilder .viewfield-group * {
-    fill: #ed9300;
+    fill: #ed1c2e;
 }
 .ideditor .layer-vegbilder .sequence {
-    stroke: #ed9300;
+    stroke: #ed1c2e;
     stroke-opacity: 0.85;  /* bump opacity - only one per road */
 }
 
 
 /* Mapillary Image Layer */
+.ideditor li.list-item-photos.list-item-mapillary.active:after {
+    background-color: #55ff22;
+}
 .ideditor .layer-mapillary {
     pointer-events: none;
 }
@@ -2728,6 +2836,9 @@
 
 
 /* KartaView Image Layer */
+.ideditor li.list-item-photos.list-item-kartaview.active:after {
+    background-color: #20c4ff;
+}
 .ideditor .layer-kartaview {
     pointer-events: none;
 }
@@ -2740,11 +2851,16 @@
 
 
 /* Mapilio Image Layer */
+.ideditor li.list-item-photos.list-item-mapilio.active:after {
+    background-color: #0056f1;
+}
 .ideditor .layer-mapilio {
     pointer-events: none;
 }
 .ideditor .layer-mapilio .viewfield-group * {
     fill: #0056f1;
+}
+.ideditor .layer-mapilio .viewfield-group:not(.currentView):not(.hovered) * {
     stroke: #ffffff;
     stroke-opacity: .6;
     fill-opacity: .6;
@@ -2782,11 +2898,67 @@
     height: 100%;
     -o-object-fit: cover;
        object-fit: cover;
-    overflow: hidden
+    overflow: hidden;
+}
+
+/* panoramax Image Layer */
+.ideditor li.list-item-photos.list-item-panoramax.active:after {
+    background-color: #ff6f00;
+}
+.ideditor .layer-panoramax {
+    pointer-events: none;
+}
+.ideditor .layer-panoramax .viewfield-group * {
+    fill: #ff6f00;
+    stroke: #ffffff;
+    stroke-opacity: .6;
+    fill-opacity: .6;
+}
+.ideditor .layer-panoramax .sequence {
+    stroke: #ff6f00;
+}
+.ideditor .photo-controls-panoramax {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+}
+.ideditor .photo-controls-panoramax button {
+    padding:0 6px;
+    pointer-events: initial;
+}
+
+.ideditor label.panoramax-hd {
+    float: left;
+    cursor: pointer;
+}
+.ideditor .panoramax-hd span {
+    margin-top: 2px;
+}
+.ideditor .panoramax-hd input[type="checkbox"] {
+    width: 12px;
+    height: 12px;
+    margin: 0 2px;
 }
 
+.ideditor .slider-wrap {
+    display: inline-block;
+}
+
+.ideditor .year-datalist {
+    display: flex;
+    justify-content: space-between;
+}
+
+.ideditor .list-option-date-slider{
+    direction: rtl
+}
 
 /* Streetside Viewer (pannellum) */
+.ideditor .ms-wrapper .photo-attribution {
+    line-height: 1.1em;
+    padding: 4px 2px;
+}
 .ideditor .ms-wrapper .photo-attribution .image-link {
     display: block;
 }
@@ -2815,7 +2987,8 @@
 }
 
 .ideditor .ms-wrapper .pnlm-compass.pnlm-control,
-.ideditor .vegbilder-wrapper  .pnlm-compass.pnlm-control {
+.ideditor .vegbilder-wrapper  .pnlm-compass.pnlm-control,
+.ideditor .panoramax-wrapper  .pnlm-compass.pnlm-control {
     width: 26px;
     height: 26px;
     left: 4px;
@@ -2908,19 +3081,18 @@
 .ideditor .photo-wrapper {
     position: relative;
     background-color: #000;
+    background-image: url(<%= asset_path("iD/img/loader-black.gif") %>);
+    background-position: center;
+    background-repeat: no-repeat;
 }
 
 .ideditor .photoviewer .plane-frame {
-    display: block;
-    overflow: hidden;
     height: 100%;
     width: 100%;
-    background-image: url(<%= asset_path("iD/img/loader-black.gif") %>);
-    background-position: center;
-    background-repeat: no-repeat;
+    transform-origin: 0 0;
 }
 
-.ideditor .photoviewer .plane-frame > img.plane-photo{
+.ideditor .photoviewer .plane-frame > img.plane-photo {
     width: auto;
     height: 100%;
     transform-origin: 0 0;
@@ -3066,11 +3238,11 @@
     cursor: pointer;
 }
 
+
 /* OSM Notes and QA Layers */
 
 .ideditor .qa-header-icon .qaItem-fill,
 .ideditor .layer-keepRight .qaItem .qaItem-fill,
-.ideditor .layer-improveOSM .qaItem .qaItem-fill,
 .ideditor .layer-osmose .qaItem .qaItem-fill {
     stroke: #333;
     stroke-width: 1.3px;  /* NOTE: likely a better way to scale the icon stroke */
@@ -3194,30 +3366,6 @@
     color: #c35;
 }
 
-/* ImproveOSM Issues
-------------------------------------------------------- */
-
-.ideditor .improveOSM.itemType-ow {   /* missing one way */
-    color: #1E90FF;
-}
-
-.ideditor .improveOSM.itemType-mr-road {   /* missing road */
-    color: #B452CD;
-}
-.ideditor .improveOSM.itemType-mr-path {   /* missing path */
-    color: #A0522D;
-}
-.ideditor .improveOSM.itemType-mr-parking {   /* missing parking */
-    color: #EEEE00;
-}
-.ideditor .improveOSM.itemType-mr-both {   /* missing road+parking */
-    color: #FFA500;
-}
-
-.ideditor .improveOSM.itemType-tr {   /* missing turn restriction */
-    color: #EC1C24;
-}
-
 /* Custom Map Data (geojson, gpx, kml, vector tile) */
 .ideditor .layer-mapdata {
     pointer-events: none;
@@ -3325,6 +3473,9 @@
 .ideditor .fill-partial path.area.fill.tag-indoor {
     stroke-width: 20px;
 }
+.ideditor .fill-partial path.area.fill.tag-amenity-parking_space {
+    stroke-width: 30px;
+}
 .ideditor.mode-browse .fill-partial path.area.fill,
 .ideditor.mode-select .fill-partial path.area.fill,
 .ideditor.mode-select-data .fill-partial path.area.fill,
@@ -5746,15 +5897,15 @@
 
 /* Field - Changeset Comment
 ------------------------------------------------------- */
-.ideditor .form-field-comment:not(.present) #preset-input-comment {
-    border-color: rgb(230, 100, 100);
+.ideditor .form-field-comment:not(.present) textarea {
+    border-color: rgb(160, 160, 160);
 }
 .ideditor .form-field-comment:not(.present) .field-label {
-    border-color: rgb(230, 100, 100);
-    background: rgba(230, 100, 100, 0.2);
+    border-color: rgb(160, 160, 160);
+    background-color: rgba(160, 160, 160, 0.2);
 }
 .ideditor .form-field-comment:not(.present) button {
-    border-color: rgb(230, 100, 100);
+    border-color: rgb(160, 160, 160);
 }
 
 
@@ -6474,6 +6625,7 @@
 .ideditor .comment-date {
     color: #aaa;
 }
+.ideditor .inspector-hover .comment-text,
 .ideditor .comment-text {
     color: #333;
     margin-top: 10px;
@@ -7585,11 +7737,13 @@
 .ideditor .help-pane .nav {
     position: relative;
     padding-bottom: 30px;
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
 }
 
 .ideditor .help-pane .nav a {
-    float: left;
-    width: 50%;
+    flex: 0 0 50%;
     text-align: center;
 }
 
@@ -7603,7 +7757,7 @@
 }
 
 .ideditor .help-pane .nav a:only-child {
-    width: 100%;
+    flex: 0 0 100%;
     border-radius: 4px;
 }
 
@@ -7639,10 +7793,10 @@
     border: 1px solid #ccc;
 }
 
-/* scrollbars only when necessary*/
+/* no scrollbars */
 .ideditor .inspector-hover div {
     overflow-x: visible;
-    overflow-y: auto;
+    overflow-y: visible;
 }
 
 /* hide and remove from layout */
@@ -7772,17 +7926,32 @@
 
     -webkit-user-drag: none;
 
-    opacity: 0;
+    opacity: 1;
+    transition: opacity 250ms linear;
 
-    transition: opacity 200ms linear;
+    /* prevent brief flickering of "broken image" on tile loading errors, see https://zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
+    text-indent: 100%;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
-.ideditor img.tile-loaded {
-    opacity: 1;
+.ideditor .layer-overlay .img.tile,
+.ideditor .map-in-map-overlay .img.tile {
+    /* dummy transition such that the `ontransitionend` event can be triggered, see https://github.com/openstreetmap/iD/pull/10785 */
+    transition: opacity 1ms linear;
 }
 
-.ideditor img.tile-removing {
+.ideditor .layer-background img.tile,
+.ideditor .map-in-map-background img.tile {
+    filter: url(#alpha-slope5);
+}
+
+.ideditor .layer-background img.tile-removing,
+.ideditor .layer-overlay img.tile-removing,
+.ideditor .map-in-map-background img.tile-removing,
+.ideditor .map-in-map-overlay img.tile-removing {
     opacity: 0;
+    z-index: 1;
 }
 
 .ideditor .tile-label-debug {
@@ -7845,6 +8014,15 @@
     bottom: 0;
 }
 
+.ideditor .layer-background {
+    z-index: 1;
+}
+.ideditor .layer-overlay {
+    z-index: 2;
+}
+.ideditor .layer-data {
+    z-index: 3;
+}
 
 /* Map-In-Map
 ------------------------------------------------------- */
@@ -7857,6 +8035,7 @@
     z-index: 2;
     background: #000;
     border: #aaa 1px solid;
+    border-radius: 4px;
     box-shadow: 0 0 2em black;
 }
 .ideditor[dir='ltr'] .map-in-map {
@@ -9189,6 +9368,7 @@
     border: solid transparent;
     border-width: 3px 3px 3px 4px;
     border-radius: 6px;
+    cursor: auto;
 }
 .ideditor ::-webkit-scrollbar-track:active {
     background-color: rgba(0,0,0,.05);
@@ -9198,8 +9378,11 @@
         background-color: rgba(0,0,0,.05);
     }
 }
-body {
-    scrollbar-width: 10px;
+/* Firefox */
+@-moz-document url-prefix() {
+       .ideditor * {
+           scrollbar-width: thin;
+       }
 }