francescoalbano/tripweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Change visited place border color

Browse Source
This commit is contained in:
itskovacs 2025-07-25 18:04:41 +02:00
parent dd27111a18
commit 002555ce37
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/src/app/shared/map.ts
View File

@ -46,7 +46,7 @@ export function createMap(contextMenuItems?: ContextMenuItem[]): L.Map {
return map; return map;
} }
export function assetHoverTooltip(place: Place): string { export function placeHoverTooltip(place: Place): string {
let content = `<div class="font-semibold mb-1 truncate" style="font-size:1.1em">${place.name}</div>`; let content = `<div class="font-semibold mb-1 truncate" style="font-size:1.1em">${place.name}</div>`;
content += `<div><span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded">${place.category.name}</span></div>`; content += `<div><span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded">${place.category.name}</span></div>`;
return content; return content;
@ -94,12 +94,12 @@ export function placeToMarker(
shadowSize: [0, 0], shadowSize: [0, 0],
shadowAnchor: [0, 0], shadowAnchor: [0, 0],
popupAnchor: [0, -12], popupAnchor: [0, -12],
className: "image-marker", className: place.visited ? "image-marker visited" : "image-marker",
}); });
let touchDevice = "ontouchstart" in window; let touchDevice = "ontouchstart" in window;
if (!touchDevice) { if (!touchDevice) {
marker.bindTooltip(assetHoverTooltip(place), { marker.bindTooltip(placeHoverTooltip(place), {
direction: "right", direction: "right",
offset: [24, 0], offset: [24, 0],
className: "class-tooltip", className: "class-tooltip",

4
src/src/styles.scss
View File

@ -122,6 +122,10 @@ html {
border: 2px solid #405cf5; border: 2px solid #405cf5;
background: white; background: white;
object-fit: cover; object-fit: cover;
&.visited {
border: 2px solid #9ca3af;
}
} }
.listHover { .listHover {