Fix Photos grid's filter bar coming down when scrolling back up

Merci Grafikart ! The idea is to use a transitioning class that we apply after a little delay so we don't have the jumpy transition when scrolling down.
2021-11-21 19:48:53 +01:00
parent 887d4b6a82
commit bec2c0879b
2 changed files with 38 additions and 25 deletions
--- a/src/style/pages/_photos.scss
+++ b/src/style/pages/_photos.scss
@@ -210,7 +210,6 @@
            --top: 24px;
            transform: translate3d(0, calc(-100% - var(--top)), 0);
            pointer-events: none;
-            transition: transform 1.0s var(--ease-quart);

            .filter__bar {
                pointer-events: auto;
@@ -231,6 +230,11 @@
            transform: translate3d(0,0,0);
            pointer-events: auto;
        }
+
+        // Apply transition
+        &.is-transitioning {
+            transition: transform 1.0s var(--ease-quart);
+        }
    }

    // Content Block