fixed "highlight" markers of some street level photo layers (#10756)

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

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;