🐛 Fixed Side Panel Hover Logic for Multi-Select
🔧 Bug Fix: - Removed persistent panel visibility for selected cards - Side panels now properly hide when hovering away - Selection state no longer interferes with hover behavior - Maintains smooth hover delay and animations ✨ Improved UX: - Side panels only appear on hover, regardless of selection - Clean hover interactions without sticky panels - Consistent behavior across all cards - Better multi-select workflow The side panels now behave correctly - they only show on hover and hide when you move away, even for selected cards! 🎯
This commit is contained in:
parent
d537474a61
commit
5d7a87374f
1 changed files with 1 additions and 3 deletions
|
|
@ -238,9 +238,7 @@ export default function CardItem({
|
|||
|
||||
{/* Side Hover Panel */}
|
||||
<div className={`card-side-panel absolute left-full top-0 ml-2 w-80 h-full transition-all duration-300 ease-out z-30 ${
|
||||
isSelected
|
||||
? 'opacity-100 translate-x-0 pointer-events-auto'
|
||||
: 'opacity-0 translate-x-2 pointer-events-none group-hover:opacity-100 group-hover:translate-x-0 group-hover:pointer-events-auto delay-300 group-hover:delay-500'
|
||||
'opacity-0 translate-x-2 pointer-events-none group-hover:opacity-100 group-hover:translate-x-0 group-hover:pointer-events-auto delay-300 group-hover:delay-500'
|
||||
}`}>
|
||||
<div className={`bg-white dark:bg-gray-800 rounded-xl border shadow-2xl h-full overflow-hidden ${
|
||||
rarityEffects.border !== 'border-gray-200'
|
||||
|
|
|
|||
Loading…
Reference in a new issue