Skip to content

Commit ec3d67a

Browse files
committed
feat(partners): restore rail logo color on rail hover, not per-cell
Switch from per-cell `group-hover` to a named `group/rail` on the PartnersRail outer container. Hovering anywhere within the rail now restores all logos to full color and brightness in one motion, rather than only the cell directly under the cursor.
1 parent aba97fb commit ec3d67a

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

src/components/RightRail.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ export function PartnersRail({
115115
let slotIndex = 0
116116

117117
return (
118-
<div className="flex flex-col border-l border-gray-500/20 rounded-bl-lg overflow-hidden w-full">
118+
<div className="group/rail flex flex-col border-l border-gray-500/20 rounded-bl-lg overflow-hidden w-full">
119119
<div className="w-full flex gap-2 justify-between items-center border-b border-gray-500/20 px-3 py-2">
120120
<Link
121121
className="font-medium opacity-60 hover:opacity-100 text-xs"
@@ -205,7 +205,7 @@ function PartnersRailItem({
205205
target="_blank"
206206
rel="noreferrer"
207207
className={twMerge(
208-
'group flex items-center justify-center overflow-hidden border-r border-b border-gray-500/20 hover:bg-gray-500/10 transition-colors duration-150 ease-out',
208+
'flex items-center justify-center overflow-hidden border-r border-b border-gray-500/20 hover:bg-gray-500/10 transition-colors duration-150 ease-out',
209209
layout.flexBasis,
210210
layout.minHeight,
211211
layout.padding,
@@ -223,7 +223,7 @@ function PartnersRailItem({
223223
>
224224
<div
225225
className={twMerge(
226-
'w-full flex items-center justify-center mx-auto grayscale brightness-90 group-hover:grayscale-0 group-hover:brightness-100 transition-[filter] duration-150 ease-out',
226+
'w-full flex items-center justify-center mx-auto grayscale brightness-90 group-hover/rail:grayscale-0 group-hover/rail:brightness-100 transition-[filter] duration-150 ease-out',
227227
layout.logoMaxWidth,
228228
)}
229229
>

0 commit comments

Comments
 (0)