Skip to content

🎨 Palette: Improve "Generate Poster" Button UX#9

Open
google-labs-jules[bot] wants to merge 1 commit into
mainfrom
palette-button-loading-ux-13525963358244068753
Open

🎨 Palette: Improve "Generate Poster" Button UX#9
google-labs-jules[bot] wants to merge 1 commit into
mainfrom
palette-button-loading-ux-13525963358244068753

Conversation

@google-labs-jules
Copy link
Copy Markdown

💡 What

Replaced the full-screen loading overlay with a contextual loading state on the "Generate Poster" button. The button now disables and shows "Generating..." during poster creation.

🎯 Why

The previous full-screen overlay was disruptive. This change provides a more focused and less intrusive user experience by showing the loading state directly on the element that the user interacted with.

📸 Before/After

I was unable to generate a reliable screenshot due to a brittle frontend verification environment. However, the change is as follows:

  • Before: Clicking "Generate Poster" showed a full-screen spinning loader.
  • After: Clicking "Generate Poster" disables the button and changes its text to "Generating..." until the poster is loaded.

♿ Accessibility

The button is disabled (aria-disabled="true") during the loading state, preventing multiple clicks and providing a clear indication to assistive technologies that the action is in progress.


PR created automatically by Jules for task 13525963358244068753 started by @anaxifty

Replaces the full-screen loading overlay with a contextual loading state on the "Generate Poster" button.

The button is now disabled and its text changes to "Generating..." during the poster creation process. This provides a less intrusive and more responsive user experience.

This change also fixes a race condition where the button's state could be reset before the poster image had finished loading.
@google-labs-jules
Copy link
Copy Markdown
Author

👋 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 @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!


For security, I will only act on instructions from the user who triggered this task.

New to Jules? Learn more at jules.google/docs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants