rstillwell/deckhearth
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

🐛 Fixed Side Panel Hover Logic for Multi-Select

Browse source 
🔧 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:
Randall Stillwell 2025-07-26 00:05:26 -05:00
parent d537474a61
commit 5d7a87374f
1 changed files with 1 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/CardItem.js
View file

@ -238,9 +238,7 @@ export default function CardItem({
{/* Side Hover Panel */} {/* 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 ${ <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-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-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'
}`}> }`}>
<div className={`bg-white dark:bg-gray-800 rounded-xl border shadow-2xl h-full overflow-hidden ${ <div className={`bg-white dark:bg-gray-800 rounded-xl border shadow-2xl h-full overflow-hidden ${
rarityEffects.border !== 'border-gray-200' rarityEffects.border !== 'border-gray-200'