From fa1257ec72ceb5f1d6528c8990c7d0e066900a15 Mon Sep 17 00:00:00 2001
From: sk1982 <sk1982@noreply.gitea.tendokyu.moe>
Date: Mon, 18 Mar 2024 17:44:04 -0400
Subject: [PATCH] fix ticker hover

---
 src/components/ticker.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ticker.tsx b/src/components/ticker.tsx
index 576bad9..3298f44 100644
--- a/src/components/ticker.tsx
+++ b/src/components/ticker.tsx
@@ -26,13 +26,13 @@ export const TickerHoverProvider = ({ children }: TickerHoverProviderProps) => {
 
 
 export const Ticker = ({ children, hoverOnly, className, noDelay }: TickerProps) => {
-	const outerAnimation = noDelay ? 'animate-[outer-overflow-nodelay_15s_linear_infinite_alternate]' : 'animate-[outer-overflow_15s_linear_infinite_alternate]';
-	const innerAnimation = noDelay ? 'animate-[inner-overflow-nodelay_15s_linear_infinite_alternate]' : 'animate-[inner-overflow_15s_linear_infinite_alternate]';
+	const outerAnimation = noDelay ? 'animate-[outer-overflow-nodelay_10s_linear_infinite_alternate]' : 'animate-[outer-overflow_10s_linear_infinite_alternate]';
+	const innerAnimation = noDelay ? 'animate-[inner-overflow-nodelay_10s_linear_infinite_alternate]' : 'animate-[inner-overflow_10s_linear_infinite_alternate]';
 	const hoverContext = useContext(TickerHoverContext);
 	const [textHovering, setTextHovering] = useState(false);
 	const hovering = (hoverContext !== null && hoverContext) || textHovering;
 
-	const hoverClass = !hoverOnly && hovering ? '[&:hover_*]:[animation-play-state:paused]' : '';
+	const hoverClass = (!hoverOnly && hovering) ? '[&_*]:[animation-play-state:paused]' : '';
 
 	if (hoverOnly && !hovering)
 		return (<div className={`text-nowrap whitespace-nowrap overflow-hidden w-full ${className ?? ''}`}
@@ -40,7 +40,9 @@ export const Ticker = ({ children, hoverOnly, className, noDelay }: TickerProps)
 			{ children }
 		</div>);
 
-	return (<div className={`text-nowrap whitespace-nowrap overflow-hidden w-full ${hoverClass} ${className ?? ''}`} onMouseLeave={() => setTextHovering(false)}>
+	return (<div className={`text-nowrap whitespace-nowrap overflow-hidden w-full ${hoverClass} ${className ?? ''}`}
+		onMouseLeave={() => setTextHovering(false)}
+		onMouseEnter={() => setTextHovering(true)}>
 		<div className={`${outerAnimation} ticker max-w-full inline-block`}>
 			<div className={`${innerAnimation} ticker inline-block`}>
 				{ children }