improve: skip locked article animation

KawaiiZapic · Sep 5, 2024 · 69bb235 · 69bb235
1 parent 2770911
commit 69bb235
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/index.php b/src/index.php
@@ -44,7 +44,7 @@
     </div>
     <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 grid-gap-4">
             <?php while ($this->next()){ ?>
-                <mdui-card clickable="false" class="flex flex-col matecho-article-card">
+                <mdui-card clickable="false" class="flex flex-col matecho-article-card" <?php if($this->hidden) { ?> data-article-hidden <?php } ?> >
                         <a href="<?php $this->permalink(); ?>" title="<?php $this->title(); ?>" class="h-240px flex-shrink-0 block w-full bg-center bg-cover block" style="background-image: url('<?php Matecho::cover($this);?>')"></a>
                         <div class="matecho-article-card__meta pa-4 flex-grow-1">
                             <div class="text-sm mb-1 uppercase" style="color: rgb(var(--mdui-color-primary-light));">

diff --git a/src/pages/index.ts b/src/pages/index.ts
@@ -5,6 +5,9 @@ export function init() {
   document
     .querySelectorAll("mdui-card.matecho-article-card")
     .forEach(parent => {
+      if (parent.getAttribute("data-article-hidden") !== null) {
+        return;
+      }
       parent.querySelectorAll("a[href]").forEach(href => {
         href.addEventListener("click", () => {
           const pSize = parent.getBoundingClientRect();