Toolbar: refine 'Edit site' link

[sabernhardt]

The 'Edit site' link was added to core in r52158, without an icon and hidden on narrower screens.

If it should show on mobile, which icon would make sense? The same paintbrush used for Customize?

[desrosj]

I do tend to lean towards the same icon as Customize. But there are pros and cons. Someone that is accustomed to using the Customizer will be more likely to click that and find the new place to edit the site's appearance. But that could also be bad because it's nowhere near the same experience, so a new icon may be better there so the user associates it with a "new experience".

[sabernhardt]

with Customize paintbrush icon

[sabernhardt]

with Appearance paintbrush icon

[sabernhardt]

Consistency is good, so I made a version with the Customize icon.

The Appearance icon could work, too. It's familiar enough for anyone who has seen it in the admin menu, in a similar context. Plus, it still depicts a paintbrush (except here we would use the 'two-inch brush' to represent this feature).

[shaunandrews]

The Appearance icon could work, too. It's familiar enough for anyone who has seen it in the admin menu, in a similar context. Plus, it still depicts a paintbrush (except here we would use the 'two-inch brush' to represent this feature).

This was brought up in today's Design Team meeting. The consensus was that the "Appearance" brush icon was a better option. Nice work, @sabernhardt!

[davidbaumwald]

In 52209:

Toolbar: Refine "Edit site" link.php.

The 'Edit site' link was added to core in [52158], but did not include an icon and was hidden for smaller screen sizes. This change adds the "Appearance" icon to the link and hides the link text when necessary on smaller screen sizes.

Props sabernhardt, desrosj, shaunandrews.
Fixes #54441.