Skip to content

Restyle bulk tab image cards - #3

Merged
howarddc merged 1 commit into
mainfrom
feature/bulk-card-styling
Sep 27, 2026
Merged

howarddc merged 1 commit into
mainfrom
feature/bulk-card-styling

Conversation

@howarddc

Copy link
Copy Markdown
Owner

Summary

  • Checkbox overlaid on the thumbnail corner with a white ring so it stays visible on any image; square cropped thumbnails in bordered cards
  • Selected cards get a blue outline (including after Select all/none); finished cards fade with a green checkmark and disabled checkbox; errors get a red border
  • Shared everyalt-bulk-card class so the Bulk Image Title tab gets the same styling (it previously had none of the card rules)
  • Screen-reader label per checkbox ("Select "), since images on the Bulk Alt tab have no alt text by definition

Testing

  • Checked in WordPress Playground at desktop and mobile widths on both bulk tabs, including select all/none and the finished state after generation
  • Tested on a real site via the 1.1.0-beta.2 ZIP

🤖 Generated with Claude Code

- Checkbox overlaid on the thumbnail corner with a white ring so it stays
  visible on any image; square cropped thumbnails in bordered cards.
- Selected cards get a blue outline (also after Select all/none); finished
  cards fade with a green checkmark, errors get a red border.
- Shared everyalt-bulk-card class so the title tab gets the same styling
  (it previously had none of the card rules).
- Screen-reader label per checkbox ("Select <image title>"), since images
  on this page have no alt text by definition.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@howarddc
howarddc merged commit 3db502a into main Sep 27, 2026
4 checks passed
@howarddc
howarddc deleted the feature/bulk-card-styling branch September 27, 2026 16:10
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.

1 participant