simpleshop_theme/lib
Jamey Greenwood 0dada968aa feat: add ColorSync hook to sync color picker and text input
The color picker and text input for accent color weren't syncing properly when the user changed the color picker value. This was because LiveView doesn't update input values that might have user focus, to avoid interfering with user input.

Added a JavaScript LiveView hook (ColorSync) that:
- Listens to 'input' events on both the color picker and text input
- Syncs their values in real-time as the user interacts with either one
- Provides immediate visual feedback when changing colors via the picker

The hook is attached to the accent color form with phx-hook="ColorSync" and syncs the two inputs bidirectionally, ensuring they always display the same value.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-31 01:00:22 +00:00
..
simpleshop_theme fix: support grid-cols-4, accent color, and header layout controls 2025-12-31 00:45:14 +00:00
simpleshop_theme_web feat: add ColorSync hook to sync color picker and text input 2025-12-31 01:00:22 +00:00
simpleshop_theme_web.ex fix: add data attributes and Google Fonts to enable theme visual changes 2025-12-31 00:24:53 +00:00
simpleshop_theme.ex mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00