]> git.openstreetmap.org Git - rails.git/blobdiff - vendor/assets/iD/iD.css.erb
Switch from 'max_id' to 'before' parameter in history lists
[rails.git] / vendor / assets / iD / iD.css.erb
index 83db1687cf000f25f12e9cea7dae3fed6fed096b..7304079e358cfc358bef5ce185e73135b8481833 100644 (file)
 .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;
+       }
 }