services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement advanced foil effects with rolling rainbow, circular glare, and mobile entrance animations, alongside a fix for foil rendering on non-foil cards.

Browse Source
This commit is contained in:
Daniele Viti
2025-12-17 01:11:50 +01:00
parent 119af95cee
commit f7d22377fa
16 changed files with 314 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/development/devlog/2025-12-17-013000_card_visibility_boost.md Normal file
View File

@@ -0,0 +1,13 @@
# General Card Visibility Boost
## Objective
Add a mild white overlay to all magnified card previews (both mobile and desktop) to improve visibility against dark backgrounds, as requested.
## Changes
- Modified `src/client/src/components/CardPreview.tsx`:
- Inserted a `<div className="absolute inset-0 bg-white/10 pointer-events-none mix-blend-overlay" />` into the `FloatingPreview` component.
- This overlay is applied to **every** card, regardless of finish (Foil/Normal) or device type.
- It sits immediately on top of the image but below the Foil effects, ensuring it brightens the base art without washing out the holographic details.
## Result
All card previews now have slightly lifted blacks and increased brightness, making them "pop" more against the dark UI backdrops.