ruslan/mont_vendor_maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: slow chip animation 4x

Browse Source
This commit is contained in:
Ruslan
2026-05-13 10:12:57 +03:00
parent 5d6023bd48
commit 7c97349619
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/index.css
+1 -1
View File
@@ -328,7 +328,7 @@
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease; transition: background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease;
animation: chipIn .22s ease both; animation: chipIn .5s ease both;
} }
.chip:hover { .chip:hover {
static/js/index.js
+2 -2
View File
@@ -204,7 +204,7 @@
if (vendorQ && !normalize(vendor.name).includes(vendorQ)) continue; if (vendorQ && !normalize(vendor.name).includes(vendorQ)) continue;
const node = document.createElement("button"); const node = document.createElement("button");
node.className = "chip"; node.className = "chip";
node.style.animationDelay = Math.min(vi * 16, 320) + 'ms'; node.style.animationDelay = Math.min(vi * 64, 800) + 'ms';
vi++; vi++;
if (state.selectedVendors.has(vendor.id)) node.classList.add("active"); if (state.selectedVendors.has(vendor.id)) node.classList.add("active");
else if (!allowedVendors.has(vendor.id)) node.classList.add("dim"); else if (!allowedVendors.has(vendor.id)) node.classList.add("dim");
@@ -238,7 +238,7 @@
if (showOnlyLinkedCategories && !allowedCategories.has(category.id) && !state.selectedCategories.has(category.id)) continue; if (showOnlyLinkedCategories && !allowedCategories.has(category.id) && !state.selectedCategories.has(category.id)) continue;
const node = document.createElement("button"); const node = document.createElement("button");
node.className = "chip"; node.className = "chip";
node.style.animationDelay = Math.min(ci * 14, 280) + 'ms'; node.style.animationDelay = Math.min(ci * 56, 700) + 'ms';
ci++; ci++;
if (state.selectedCategories.has(category.id)) node.classList.add("active"); if (state.selectedCategories.has(category.id)) node.classList.add("active");
else if (!allowedCategories.has(category.id)) node.classList.add("dim"); else if (!allowedCategories.has(category.id)) node.classList.add("dim");