trails-cool/trails
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/planner/app/components/PlannerMap.tsx
View file

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