diff --git a/src/css/position.css b/src/css/position.css index a003a839..19d1963d 100644 --- a/src/css/position.css +++ b/src/css/position.css @@ -570,6 +570,23 @@ margin-top: 3px; } +.monumentsHistoriquesImageAuthor a { + color: var(--mid-grey); +} + +.monumentsHistoriquesImageAuthor a::after { + content: ""; + display: inline-block; + background-image: url("assets/external-link.svg"); + width: 1.5em; + height: 1em; + background-size: 1.2em; + background-position: center; + background-repeat: no-repeat; + background-size: 0.8em; + background-position: bottom; +} + .monumentsHistoriquesContent { font-family: "Open Sans"; } @@ -659,3 +676,9 @@ -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } + +.panoramaxPoiImg { + display: flex; + flex-direction: column; + padding-left: 15px; +} \ No newline at end of file diff --git a/src/js/map-interactivity/feature-property-filter.js b/src/js/map-interactivity/feature-property-filter.js index 4b369d96..64e09c15 100644 --- a/src/js/map-interactivity/feature-property-filter.js +++ b/src/js/map-interactivity/feature-property-filter.js @@ -32,6 +32,11 @@ const featurePropertyFilter = (feature) => { let web = getProperty(feature, "web"); let telephone = getProperty(feature, "telephone"); let horaire = getProperty(feature, "horaire"); + let panoramax = getProperty(feature, "panoramax"); + if (panoramax) { + result.after += `

`; + result.after += "Image issue du projet Panoramax

"; + } if (horaire) { try { result.after += `

Horaire : ${parseOsmOpeningHours(horaire)}

`;