Bigger touch target for mobile map history trace (#19569)

home-assistant · Jan 30, 2024 · 4c31492 · 4c31492
1 parent 73460c7
commit 4c31492
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/map/ha-map.ts b/src/components/map/ha-map.ts
@@ -20,6 +20,7 @@ import { loadPolyfillIfNeeded } from "../../resources/resize-observer.polyfill";
 import { HomeAssistant } from "../../types";
 import "../ha-icon-button";
 import "./ha-entity-marker";
+import { isTouch } from "../../util/is_touch";
 
 const getEntityId = (entity: string | HaMapEntity): string =>
   typeof entity === "string" ? entity : entity.entity_id;
@@ -282,7 +283,7 @@ export class HaMap extends ReactiveElement {
         this._mapPaths.push(
           Leaflet!
             .circleMarker(path.points[pointIndex].point, {
-              radius: 3,
+              radius: isTouch ? 8 : 3,
               color: path.color || darkPrimaryColor,
               opacity,
               fillOpacity: opacity,
@@ -312,7 +313,7 @@ export class HaMap extends ReactiveElement {
         this._mapPaths.push(
           Leaflet!
             .circleMarker(path.points[pointIndex].point, {
-              radius: 3,
+              radius: isTouch ? 8 : 3,
               color: path.color || darkPrimaryColor,
               opacity,
               fillOpacity: opacity,