Tone down waypoint highlight: 24→28px, keep font size unchanged

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ullrich Schäfer 2026-04-11 00:36:38 +02:00
parent 705252a1c6
commit eebf694d1a
No known key found for this signature in database
GPG key ID: A32FF691A0F752D9

View file

@ -16,7 +16,7 @@ import "leaflet/dist/leaflet.css";
function waypointIcon(index: number, overnight?: boolean, highlighted?: boolean): L.DivIcon {
const bg = overnight ? "#8B6D3A" : "#2563eb";
const size = highlighted ? 30 : 24;
const size = highlighted ? 28 : 24;
const offset = size / 2;
const ring = highlighted ? `outline:3px solid ${bg};outline-offset:2px;` : "";
return L.divIcon({
@ -25,7 +25,7 @@ function waypointIcon(index: number, overnight?: boolean, highlighted?: boolean)
width:${size}px;height:${size}px;border-radius:50%;
background:${bg};color:white;
display:flex;align-items:center;justify-content:center;
font-size:${highlighted ? 14 : 12}px;font-weight:600;
font-size:12px;font-weight:600;
border:2px solid white;box-shadow:0 1px 4px rgba(0,0,0,0.3);
transform:translate(-${offset}px,-${offset}px);
${ring}transition:all 0.15s ease;