X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/27fb39770f2fa417c5b4ab7feece345741ff99bf..ffc6b697f05220627d28c1f9d4719d5ff451f658:/vendor/assets/iD/iD.css.erb diff --git a/vendor/assets/iD/iD.css.erb b/vendor/assets/iD/iD.css.erb index 9c523d656..28916fbc6 100644 --- a/vendor/assets/iD/iD.css.erb +++ b/vendor/assets/iD/iD.css.erb @@ -2716,17 +2716,31 @@ top: -25px; } -.ideditor .mly-wrapper .AttributionContainer .AttributionIconContainer .AttributionMapillaryLogo { - margin-top: 3px; +.ideditor .mly-wrapper .mapillary-attribution-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } -.ideditor .mly-wrapper .AttributionContainer .AttributionImageContainer { - color: #fff; - font-size: 10px; - font-weight: 300; - overflow: hidden; +.ideditor .mly-wrapper .mapillary-attribution-container .mapillary-attribution-icon-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } +.ideditor .mly-wrapper .mapillary-attribution-container .mapillary-attribution-username { + display: none; +} + +.ideditor .mly-wrapper .mapillary-attribution-container .mapillary-attribution-date { + margin-right: 6px; +} /* OpenStreetCam viewer */ .ideditor .osc-wrapper { @@ -4004,6 +4018,9 @@ left: -6px; } +.ideditor .sidebar.collapsed > *:not(.sidebar-resizer) { + display: none; +} .ideditor .sidebar.collapsed .sidebar-resizer { /* make target wider to avoid the user accidentally resizing window */ width: 10px; @@ -4223,6 +4240,22 @@ .ideditor .section-selected-features .feature-list-item:last-child { border: none; } +.ideditor[dir='ltr'] .section-selected-features .feature-list-item > button:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ideditor[dir='rtl'] .section-selected-features .feature-list-item > button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ideditor[dir='ltr'] .section-selected-features .feature-list-item > button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ideditor[dir='rtl'] .section-selected-features .feature-list-item > button:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} /* Preset List and Icons ------------------------------------------------------- */ @@ -4299,7 +4332,7 @@ visibility: visible; } .ideditor .preset-icon-container.showing-img *:not(.image-icon) { - visibility: hidden; + display: none; } .ideditor .preset-icon-point-border path { @@ -4308,6 +4341,15 @@ fill: transparent; } +.ideditor .preset-icon-category-border path { + stroke: #999; + stroke-width: 1px; + fill: transparent; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + vector-effect: non-scaling-stroke; +} + .ideditor .preset-icon-line { margin: auto; position: absolute; @@ -4392,7 +4434,7 @@ -ms-transform: scale(0.4); transform: scale(0.4); } -.ideditor .preset-icon.framed.line-geom .icon, +.ideditor .preset-icon.framed.line-geom:not(.category) .icon, .ideditor .preset-icon.framed.route-geom .icon { top: 20%; -webkit-transform: translateY(-30%) scale(0.4); @@ -4409,7 +4451,7 @@ -ms-transform: scale(0.74); transform: scale(0.74); } -.ideditor .preset-icon-iD.framed.line-geom .icon, +.ideditor .preset-icon-iD.framed.line-geom:not(.category) .icon, .ideditor .preset-icon-iD.framed.route-geom .icon { -webkit-transform: translateY(-30%) scale(0.74); -ms-transform: translateY(-30%) scale(0.74); @@ -4894,6 +4936,13 @@ display: none; } +.ideditor .form-field-input-combo input.raw-value { + font-family: monospace; +} +.ideditor .form-field-input-combo input.known-value { + color: #7092ff; +} + .ideditor .form-field-input-multicombo ul.chiplist { padding: 5px 8px 5px 8px; background: #fff; @@ -4928,6 +4977,7 @@ background-color: #eff2f7; border: 1px solid #ccd5e3; max-width: 100%; + color: #7092ff; } .ideditor[dir='ltr'] .form-field-input-multicombo li.chip { padding: 2px 0px 2px 5px; @@ -4945,6 +4995,10 @@ cursor: -webkit-grabbing; cursor: grabbing; } +.ideditor .form-field-input-multicombo li.chip.raw-value { + font-family: monospace; + color: #333; +} .ideditor .form-field-input-multicombo li.mixed { border-color: #eff2f7; color: #888; @@ -5095,6 +5149,15 @@ .ideditor[dir='rtl'] .form-field-input-check > .reverser { padding-left: 2px; } +.ideditor .form-field-input-check > .reverser:active, +.ideditor .form-field-input-check > .reverser:focus { + background: #e3e8ef; +} +@media (hover: hover) { + .ideditor .form-field-input-check > .reverser:hover { + background: #e3e8ef; + } +} .ideditor .form-field-input-check > .reverser.hide { display: none; } @@ -5198,29 +5261,29 @@ } -/* Field - Maxspeed +/* Field - roadspeed ------------------------------------------------------- */ -.ideditor .form-field-input-maxspeed input.maxspeed-number { +.ideditor .form-field-input-roadspeed input.roadspeed-number { -ms-flex-preferred-size: 0; flex-basis: 0; } -.ideditor .form-field-input-maxspeed input.maxspeed-unit { +.ideditor .form-field-input-roadspeed input.roadspeed-unit { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 80px; } -.ideditor[dir='ltr'] .form-field-input-maxspeed > input:first-of-type { +.ideditor[dir='ltr'] .form-field-input-roadspeed > input:first-of-type { border-radius: 0 0 0 4px; } -.ideditor[dir='rtl'] .form-field-input-maxspeed > input:first-of-type { +.ideditor[dir='rtl'] .form-field-input-roadspeed > input:first-of-type { border-radius: 0 0 4px 0; } -.ideditor[dir='ltr'] .form-field-input-maxspeed > input:last-of-type { +.ideditor[dir='ltr'] .form-field-input-roadspeed > input:last-of-type { border-left: 0; border-radius: 0 0 4px 0; } -.ideditor[dir='rtl'] .form-field-input-maxspeed > input:last-of-type { +.ideditor[dir='rtl'] .form-field-input-roadspeed > input:last-of-type { border-right: 0; border-radius: 0 0 0 4px; } @@ -5596,6 +5659,11 @@ border-right: 5px solid transparent; } +.ideditor .combobox .combobox-option.raw-option { + font-family: monospace; + color: #333; +} + /* Field Help ------------------------------------------------------- */ @@ -6379,6 +6447,7 @@ } .ideditor .over-map > * { pointer-events: auto; + z-index: 5; } /* offscreen this without hiding it */ .ideditor .over-map .select-trap { @@ -6709,13 +6778,13 @@ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding: 5px 7px; + padding: 2px 3px; } .ideditor .issue-text .issue-message { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; - padding: 5px 0; + padding: 4px 5px; } .ideditor .issue-label .issue-autofix { -webkit-box-flex: 0; @@ -7054,6 +7123,9 @@ .ideditor .issue-container:not(.active) ul.issue-fix-list { display: none; } +.ideditor .issue-container:not(.active) .issue-info { + display: none; +} .ideditor .issue-info { -webkit-box-flex: 1; @@ -7723,7 +7795,7 @@ top: 10px; width: 200px; height: 150px; - z-index: 5; + z-index: 2; background: #000; border: #aaa 1px solid; -webkit-box-shadow: 0 0 2em black; @@ -8023,9 +8095,13 @@ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; + z-index: 0; + pointer-events: none; } -.ideditor .attribution-wrap * { pointer-events: all; } +.ideditor .attribution-wrap > * { + pointer-events: auto; +} .ideditor .attribution-wrap .base-layer-attribution, .ideditor .attribution-wrap .overlay-layer-attribution { @@ -8283,12 +8359,19 @@ ------------------------------------------------------- */ /* For an icon (e.g. new version) */ .ideditor .badge { - display: inline-block; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; background: #d32232; width: 21px; - height: 20px; - border-radius: 11px; - text-align: center; + height: 21px; + border-radius: 50%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } .ideditor[dir='ltr'] .badge { margin-left: 6px; @@ -8301,6 +8384,9 @@ width: 11px; height: 11px; color: #fff; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } /* For text (e.g. upcoming events) */ @@ -9339,4 +9425,4 @@ height: 100px; width: 100px; color: #7092ff; -} +} \ No newline at end of file