From 3e6a35f78ff575f962cc4d32bdbddfa26dc343eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Sun, 29 Mar 2020 19:20:48 +0200
Subject: [PATCH] Photo: Fix usage of same ID for transition

---
 src/animations/Photo.js    | 2 +-
 src/molecules/Photo.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/animations/Photo.js b/src/animations/Photo.js
index 5d5311d..6174c4e 100644
--- a/src/animations/Photo.js
+++ b/src/animations/Photo.js
@@ -46,7 +46,7 @@ export const animateIn = scope => {
     const nbParallax = nbParallaxMedia => {
         if (nbParallaxMedia.matches) {
             const scroll = ScrollOut({
-                targets: scope.querySelector('#photo_number'),
+                targets: scope.querySelector('.photo_number span'),
                 onShown (el) {
                     const translate = anime({
                         targets: el,
diff --git a/src/molecules/Photo.svelte b/src/molecules/Photo.svelte
index dd321d7..58a6140 100644
--- a/src/molecules/Photo.svelte
+++ b/src/molecules/Photo.svelte
@@ -73,7 +73,7 @@
                 {formatDate(photo.date, 'FULL')}
             </time>
             <div class="photo__number">
-                <span id="photo_number">{photoIndex}</span>
+                <span>{photoIndex}</span>
             </div>
         </div>
     </div>