diff --git a/static/css/index.css b/static/css/index.css index 529760f..b683e55 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -313,11 +313,6 @@ padding-right: 4px; } - @keyframes chipIn { - from { opacity: 0; transform: translateY(6px) scale(.96); } - to { opacity: 1; transform: translateY(0) scale(1); } - } - .chip { border: 1px solid #ccdbf7; border-radius: 999px; @@ -327,8 +322,7 @@ font-size: 13px; cursor: pointer; user-select: none; - transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease; - animation: chipIn .5s ease both; + transition: .18s ease; } .chip:hover { diff --git a/static/js/index.js b/static/js/index.js index 0cfd46f..8c277cf 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -204,7 +204,6 @@ if (vendorQ && !normalize(vendor.name).includes(vendorQ)) continue; const node = document.createElement("button"); node.className = "chip"; - node.style.animationDelay = Math.min(vi * 64, 800) + 'ms'; vi++; if (state.selectedVendors.has(vendor.id)) node.classList.add("active"); else if (!allowedVendors.has(vendor.id)) node.classList.add("dim"); @@ -238,7 +237,6 @@ if (showOnlyLinkedCategories && !allowedCategories.has(category.id) && !state.selectedCategories.has(category.id)) continue; const node = document.createElement("button"); node.className = "chip"; - node.style.animationDelay = Math.min(ci * 56, 700) + 'ms'; ci++; if (state.selectedCategories.has(category.id)) node.classList.add("active"); else if (!allowedCategories.has(category.id)) node.classList.add("dim");