diff --git a/CHANGELOG.md b/CHANGELOG.md index 0db3452c3..141afe1d7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -48,6 +48,7 @@ _Breaking developer changes, which may affect downstream projects or sites that * Fix briefly disappearing data layer during background layer tile layer switching transition ([#10748]) * Preserve imagery offset during tile layer switching transition ([#10748]) * Fix over-saturated map tiles near the border of the tile service's coverage area ([#10747], thanks [@hlfan]) +* Fix too dim markers of selected/hovered photo of some street level imagery layers ([#10755], thanks [@draunger]) #### :earth_asia: Localization #### :hourglass: Performance #### :mortar_board: Walkthrough / Help @@ -58,8 +59,10 @@ _Breaking developer changes, which may affect downstream projects or sites that [#10720]: https://github.com/openstreetmap/iD/issues/10720 [#10747]: https://github.com/openstreetmap/iD/issues/10747 [#10748]: https://github.com/openstreetmap/iD/issues/10748 +[#10755]: https://github.com/openstreetmap/iD/issues/10755 [@hlfan]: https://github.com/hlfan [@Deeptanshu-sankhwar]: https://github.com/Deeptanshu-sankhwar +[@draunger]: https://github.com/draunger # 2.31.1 diff --git a/css/60_photos.css b/css/60_photos.css index d48d025cd..71611febc 100644 --- a/css/60_photos.css +++ b/css/60_photos.css @@ -134,55 +134,55 @@ li.list-item-photos.active:after { cursor: pointer; } -.viewfield-group.currentView * { - fill: #ffee00 !important; -} -.viewfield-group.hovered * { - fill: #eebb00 !important; -} - .viewfield-group circle { stroke: #555; stroke-width: 1; stroke-opacity: 0.4; fill-opacity: 0.4; } +.viewfield-group .viewfield { + stroke-width: 0; + stroke: #222; + fill-opacity: 0.4; +} .viewfield-group.highlighted circle { stroke: #222; stroke-opacity: 0.9; fill-opacity: 0.9; } -.viewfield-group.highlighted.hovered circle { +.viewfield-group.highlighted .viewfield { + stroke-width: 1; + fill-opacity: 0.8; +} +.viewfield-group.hovered circle { + fill: #eebb00; stroke: #222; stroke-width: 2; stroke-opacity: 0.9; fill-opacity: 0.9; } -.viewfield-group.highlighted.currentView circle { +.viewfield-group.hovered .viewfield { + fill: #eebb00; + stroke: #222; + stroke-width: 1; + fill-opacity: 0.8; +} +.viewfield-group.currentView circle { + fill: #ffee00; stroke: #222; stroke-width: 2; stroke-opacity: 1; fill-opacity: 1; } - -.viewfield-group .viewfield { - stroke-width: 0; +.viewfield-group.currentView .viewfield { + fill: #ffee00; stroke: #222; - fill-opacity: 0.4; -} -.viewfield-group.highlighted .viewfield { - stroke-width: 1; - fill-opacity: 0.8; -} -.viewfield-group.highlighted.hovered .viewfield { - stroke-width: 1; - fill-opacity: 0.8; -} -.viewfield-group.highlighted.currentView .viewfield { stroke-width: 1; + stroke-opacity: 1; fill-opacity: 0.9; } + .viewfield-group.currentView .viewfield-scale { transform: scale(2,2); } @@ -304,6 +304,8 @@ li.list-item-photos.list-item-mapilio.active:after { } .layer-mapilio .viewfield-group * { fill: #0056f1; +} +.layer-mapilio .viewfield-group:not(.currentView):not(.hovered) * { stroke: #ffffff; stroke-opacity: .6; fill-opacity: .6; @@ -384,7 +386,7 @@ label.panoramax-hd { } .slider-wrap { - display: inline-block; + display: inline-block; } .year-datalist { @@ -396,7 +398,6 @@ label.panoramax-hd { direction: rtl } - /* Streetside Viewer (pannellum) */ .ms-wrapper .photo-attribution { line-height: 1.1em;