From 620a82de555e31f3c30026e8835b32fa2ed26085 Mon Sep 17 00:00:00 2001 From: kianiadee Date: Sat, 6 Jun 2026 10:57:54 +0300 Subject: [PATCH] style(markers): parked pastel square at half size (9px vs 18px moving) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Parked square scale 0.66 → 0.5 so it renders ~9px against the 18px moving circle (still compounds with zoom scaling). README legend updated. Co-Authored-By: Claude Opus 4.8 --- README.md | 2 +- index.html | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 0b21e17..6805444 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,7 @@ trips** into one view for the Fireside Communications / Tracksolid fleet. address, heading, odometer, last fix, source). Markers **scale with the zoom level**. Shape encodes recency so stakeholders read activity at a glance: - **● circle** (full colour + heading arrow) — moving right now - - **■ smaller square** (pastel colour, no arrow) — active within the last 24h, now stopped + - **■ square** (pastel colour, no arrow, ~half the size of a moving marker) — active within the last 24h, now stopped - **grey ●** — offline (no fix in 24h) - **Filters** (bottom-right card) apply to the live map *instantly*: - **Number plate** — multi-select, sorted A→Z; picking a vehicle auto-fills its diff --git a/index.html b/index.html index 8fa0901..848c6a1 100644 --- a/index.html +++ b/index.html @@ -203,11 +203,11 @@ } .veh-pin .idle-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.92); } /* Parked = reported within 24h ("active within 24h"): a clean PASTEL - department-coloured SQUARE, no arrow/dot, and rendered ~⅔ the size of a - moving-now circle so it reads as a quieter "recent activity" marker. The - scale compounds with the zoom scaling on .veh-inner; transform-origin - centre keeps it on its coordinate. */ - .veh-marker.parked .veh-pin { border-radius: 6px; opacity: 1; transform: scale(0.66); transform-origin: center center; } + department-coloured SQUARE, no arrow/dot, rendered at HALF the size of a + moving-now circle (9px vs 18px) so it reads as a quieter "recent activity" + marker. The scale compounds with the zoom scaling on .veh-inner; + transform-origin centre keeps it on its coordinate. */ + .veh-marker.parked .veh-pin { border-radius: 4px; opacity: 1; transform: scale(0.5); transform-origin: center center; } .veh-marker.offline .veh-pin { opacity: .5; border-color: rgba(255,255,255,.4); } .veh-plate { position: absolute; top: 33px; left: 50%; transform: translateX(-50%);