.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 {
.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 {
}
/* 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;
}
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;
}
.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 {
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);
}
}
.ideditor .layer-mapilio .viewfield-group * {
fill: #0056f1;
+}
+.ideditor .layer-mapilio .viewfield-group:not(.currentView):not(.hovered) * {
stroke: #ffffff;
stroke-opacity: .6;
fill-opacity: .6;
}
.ideditor .slider-wrap {
- display: inline-block;
+ display: inline-block;
}
.ideditor .year-datalist {
direction: rtl
}
-
/* Streetside Viewer (pannellum) */
.ideditor .ms-wrapper .photo-attribution {
line-height: 1.1em;
.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,
/* 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);
}
.ideditor .comment-date {
color: #aaa;
}
+.ideditor .inspector-hover .comment-text,
.ideditor .comment-text {
color: #333;
margin-top: 10px;
.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;
}
}
.ideditor .help-pane .nav a:only-child {
- width: 100%;
+ flex: 0 0 100%;
border-radius: 4px;
}
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 */
-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 {
bottom: 0;
}
+.ideditor .layer-background {
+ z-index: 1;
+}
+.ideditor .layer-overlay {
+ z-index: 2;
+}
+.ideditor .layer-data {
+ z-index: 3;
+}
/* Map-In-Map
------------------------------------------------------- */
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);
background-color: rgba(0,0,0,.05);
}
}
-body {
- scrollbar-width: 10px;
+/* Firefox */
+@-moz-document url-prefix() {
+ .ideditor * {
+ scrollbar-width: thin;
+ }
}