jamey/simpleshop_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
13 Commits 1 Branch 0 Tags 27 MiB
Elixir 73.3%
HTML 22.6%
CSS 2.8%
JavaScript 1.1%
Dockerfile 0.2%
0dada968aa
Go to file
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
assets feat: add ColorSync hook to sync color picker and text input 2025-12-31 01:00:22 +00:00
config mix phx.gen.auth Accounts User users 2025-12-30 12:26:46 +00:00
lib feat: add ColorSync hook to sync color picker and text input 2025-12-31 01:00:22 +00:00
priv fix: add data attributes and Google Fonts to enable theme visual changes 2025-12-31 00:24:53 +00:00
test fix: add data attributes and Google Fonts to enable theme visual changes 2025-12-31 00:24:53 +00:00
.formatter.exs mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
.gitignore mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
AGENTS.md mix phx.gen.auth Accounts User users 2025-12-30 12:26:46 +00:00
mix.exs add Tidewave 2025-12-30 12:27:41 +00:00
mix.lock add Tidewave 2025-12-30 12:27:41 +00:00
README.md mix phx.new simpleshop_theme --database sqlite3 --adapter bandit --binary-id 2025-12-30 12:26:26 +00:00
SIMPLESHOP_THEME_STUDIO_SPEC.md feat: add Settings and Media contexts with theme settings schema 2025-12-30 21:35:52 +00:00
theme-demo-v28.html feat: add Settings and Media contexts with theme settings schema 2025-12-30 21:35:52 +00:00

README.md

SimpleshopTheme

To start your Phoenix server:

  • Run mix setup to install and setup dependencies
  • Start Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Learn more