hover states for icons

hiddewie · Oct 25, 2024 · 008d842 · 008d842
1 parent 119a689
commit 008d842
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/proxy/js/styles.mjs b/proxy/js/styles.mjs
@@ -1092,8 +1092,18 @@ const imageLayerWithOutline = (id, spriteExpression, layer) => [
     id: `${id}_outline`,
     ...layer,
     paint: {
-      'icon-halo-color': 'white',
-      'icon-halo-width': 2.0,
+      'icon-halo-color': ['case',
+        ['boolean', ['feature-state', 'hover'], false], colors.hover.textHalo,
+        'white',
+      ],
+      'icon-halo-blur': ['case',
+        ['boolean', ['feature-state', 'hover'], false], 1.0,
+        0.0,
+      ],
+      'icon-halo-width': ['case',
+        ['boolean', ['feature-state', 'hover'], false], 3.0,
+        2.0,
+      ],
     },
     layout: {
       ...(layer.layout || {}),