feat(hikes): hide on-map attribution control, add swisstopo credit
Drop Leaflet's bottom-right attribution control on both the overview and detail maps for a cleaner frame. The swisstopo tile licence still requires their credit, so keep it on the page: the detail page already shows it in the meta footer, and the overview now gets a tiny "Kartendaten © swisstopo" line at the bottom of the listing.
This commit is contained in:
@@ -229,6 +229,16 @@
|
||||
{/each}
|
||||
</ul>
|
||||
{/if}
|
||||
|
||||
<!-- Tiny swisstopo credit. The map's own attribution control is hidden
|
||||
for a cleaner frame, but their tile licence still requires the
|
||||
credit to appear somewhere on the page. -->
|
||||
<footer class="map-credit">
|
||||
Kartendaten ©
|
||||
<a href="https://www.swisstopo.admin.ch/" target="_blank" rel="noopener noreferrer">
|
||||
swisstopo
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -335,6 +345,27 @@
|
||||
padding: 3rem 1rem;
|
||||
}
|
||||
|
||||
/* Tiny, muted map-licence credit at the very bottom of the listing. */
|
||||
.map-credit {
|
||||
margin-top: 2.5rem;
|
||||
padding: 0 1rem;
|
||||
text-align: center;
|
||||
font-size: 0.72rem;
|
||||
color: var(--color-text-tertiary);
|
||||
}
|
||||
|
||||
.map-credit a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: color-mix(in oklab, currentColor 35%, transparent);
|
||||
text-underline-offset: 0.18em;
|
||||
transition: color var(--transition-fast);
|
||||
}
|
||||
|
||||
.map-credit a:hover {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.grid {
|
||||
grid-template-columns: 1fr;
|
||||
|
||||
Reference in New Issue
Block a user