Fix #56: replace customize-mode hamburger icon with pencil + clearer tooltip#65
Open
lucasmendes-design wants to merge 1 commit into
Open
Fix #56: replace customize-mode hamburger icon with pencil + clearer tooltip#65lucasmendes-design wants to merge 1 commit into
lucasmendes-design wants to merge 1 commit into
Conversation
…tooltip Four independent testers in the May 2026 usability round were confused by the three-lines icon — the strongest single signal of the round. Swap it for the Gutenberg pencil icon and replace the "Customize plugins" tooltip with "Edit plugin order", which describes the only action the mode performs (drag-drop reorder) and matches a tester's natural wording. Centre the tooltip horizontally on the icon so it reads as attached to the affordance. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
chriskmnds
added
the
pending: Calypso-parity
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Four independent testers in the May 2026 usability round were confused by the three-lines (hamburger) icon used to enter customize mode on the My Plugins group — the strongest single signal of the round. This PR addresses that:
@wordpress/iconspencil).Customize plugins→Edit plugin order— describes the only action the mode performs (drag-drop reorder) and matches a tester's natural wording ("I clicked here to reorder").Closes #56.
Implementation
src/browse-rail/icons/pencil.svg(path lifted verbatim from@wordpress/icons/build-module/library/pencil.js).styles.css: mask URL points to the new SVG; tooltip anchor switched fromright: 0toleft: 50%; transform: translateX(-50%).grouping.js: updatedaria-labelanddata-tooltipstrings; refreshed the translator comment.list-view.svg.No behaviour change — the click handler, A.1 disabled state, and customize-mode entry logic are all unchanged.
Test plan
/wp-admin/with the plugin active → My Plugins header shows a pencil icon (not three lines).prefers-reduced-motion: reduce→ tooltip shows/hides without transition delay (existing behaviour preserved).🤖 Generated with Claude Code