🎨 Palette: Add button loading spinner#29
Conversation
Replaces the full-screen loading overlay with a less intrusive, inline spinner within the "Generate Poster" button. This provides a more modern and responsive user experience by giving immediate, contextual feedback without blocking the entire UI. - Modified `index.html` to add elements for the spinner. - Updated `style.css` with styles for the loading state and a new `btn-spin` animation. - Refactored `script.js` to manage the button's loading state.
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
💡 What
This change replaces the disruptive, full-screen loading overlay with a refined, inline spinner inside the "Generate Poster" button.
🎯 Why
The previous full-screen overlay blocked the entire user interface during poster generation, which can feel jarring. This implementation provides a more modern, less intrusive feedback mechanism, improving the perceived responsiveness of the application.
📸 Before/After
Before: A full-screen overlay with a spinner would appear.
After: The "Generate Poster" button now shows an inline spinner and is disabled while loading.
♿ Accessibility
PR created automatically by Jules for task 18093949699693842126 started by @anaxifty