[openstreetmap/openstreetmap-website] Fix geolocate `background-color` not being properly applied and improve css maintainability (PR #6748)

[Frank Elsinga]

@CommanderStorm commented on this pull request.



>  
-.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
-  background-color: $vibrant-green;
+    &.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon {
+      color: $vibrant-green;

Cannot reproduce.

In 7f77c192d26756bf29444e0c0f58c4631252efa5 which was the commit right before that switch it looked like this:

<img width="314" height="299" alt="image" src="https://github.com/user-attachments/assets/968754df-1993-4213-8d12-2934d63825b9" />


-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/6748#discussion_r2738517337
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/6748/review/3719051708 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20260128/1f0f0dcd/attachment.htm>