-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Try blue block chip in select mode and when dragging #31278
Conversation
Size Change: +10 B (0%) Total Size: 1.39 MB
ℹ️ View Unchanged
|
Interesting exploration, I think my problem with making this blue is it seems to make it 'go somewhere' as looks now like a button. I think that might be an indication our use of color needs an audit though. |
In some respects it is a button, just one that invokes dragging/dropping, rather than a traditional button that navigates you to a separate screen. |
I do follow the line of thinking, but for this specific change I'm not sure it's working. Perhaps it's the WordPress blue showing its age, because it looks much better in the video in #31284. But as just a color change I don't think it's better than the black one, and probably premature to make such a change. This sort of echoes Tammie above, though I do think the blue could potentially work, exactly because it is more of an "interactive" color, and I think your explorations in #31283 support that. But it also opens up a bit of the question of what role select mode could play — if it was default in the site editor, for example, would it include the mover controls, and if that was the case, does the entire chip when blue look too interactive? That is to say — this might be a PR to rest on, noodle on, and come back to. |
It's a good question. Already Select mode is doing more than just enabling selection, since blocks can also be rearranged with drag and drop. I feel as though that is a good foundation though, and aligns with traditional design software where selecting and moving layers are behaviours that are closely linked. Editing is normally one layer abstracted, whether that is via a double click for things like text, or a separate panel / toolbar for things like colors. We may eventually need to come up with a different name that takes all of this in to account, but that's probably a discussion for another issue :D
I think that is the key here. And it's tricky to get a handle on how all the interactive elements play together in the scope of a single PR. I think you're right that we need to sit on this for a bit, and evaluate it in the context of the other Select mode changes we're considering (#31236). |
Generally block interaction styles are treated with blue accents, for example:
This PR extends that heuristic to the block chip that appears when dragging a block (either from the inserter, or using the drag handle on the canvas), and when selecting a block in select mode.
Before
After
drag.mp4