Move data-sveltekit-* attributes to parent level when possible

This commit is contained in:
2022-08-31 09:43:52 +02:00
parent 3618414aa0
commit 1de3c717b2
15 changed files with 121 additions and 125 deletions

View File

@@ -122,10 +122,10 @@
</div>
{#if enableMarkers}
<ul class="globe__markers">
<ul class="globe__markers" data-sveltekit-noscroll>
{#each markers as { name, slug, country, lat, lng }}
<li class="globe__marker" data-location={slug} data-lat={lat} data-lng={lng}>
<a href="/{country.slug}/{slug}" data-sveltekit-noscroll>
<a href="/{country.slug}/{slug}">
<dl>
<dt class="title-small">{name}</dt>
<dd class="text-label text-label--small">{country.name}</dd>
@@ -141,10 +141,10 @@
{#if popinOpen}
<div class="globe__popin" transition:fly={{ y: 16, duration: 500, easing: quartOut }}>
<ul>
<ul data-sveltekit-noscroll>
{#each clusterLocations as { name, slug, country }}
<li>
<a href="/{country.slug}/{slug}" data-sveltekit-noscroll tabindex="0">
<a href="/{country.slug}/{slug}" tabindex="0">
<Image
class="flag"
id={country.flag.id}