diff --git a/src/components/status.css b/src/components/status.css index 5a349c6b..1eac8f58 100644 --- a/src/components/status.css +++ b/src/components/status.css @@ -421,7 +421,8 @@ object-position: 50% 50%; } } -.status .media img:hover { +.status .media img:is(:hover, :focus), +a:focus-visible .status .media img { animation: position-object 5s ease-in-out 1s 5; } body:has(#modal-container .carousel) .status .media img:hover { @@ -625,7 +626,8 @@ body:has(#modal-container .carousel) .status .media img:hover { border-inline-end: 0; border-block-end: 1px solid var(--outline-color); } -.card:is(:hover, :focus) img { +.card:is(:hover, :focus) img, +a:focus-visible .card img { animation: position-object 5s ease-in-out 1s 5; } .card p { diff --git a/src/components/timeline.jsx b/src/components/timeline.jsx index 6692368e..78cb035b 100644 --- a/src/components/timeline.jsx +++ b/src/components/timeline.jsx @@ -50,7 +50,7 @@ function Timeline({ if (firstLoad) { setItems(value); } else { - setItems([...items, ...value]); + setItems((items) => [...items, ...value]); } setShowMore(!done); } else { diff --git a/src/pages/status.jsx b/src/pages/status.jsx index 10ab7071..c22e6bc0 100644 --- a/src/pages/status.jsx +++ b/src/pages/status.jsx @@ -62,13 +62,13 @@ function StatusPage() { if (uiState !== 'loading') { states.scrollPositions[id] = scrollTop; } - }, 100); + }, 50); scrollableRef.current.addEventListener('scroll', onScroll, { passive: true, }); onScroll(); return () => { - onScroll.flush(); + onScroll.cancel(); scrollableRef.current?.removeEventListener('scroll', onScroll); }; }, [id, uiState !== 'loading']);