Skip to content

Editor: Front-end link doesn't match the style of other panels #69577

@t-hamano

Description

@t-hamano

Description

In #63669, some improvements have been made to the post URL UI. As part of this, the ExternalLink component is now applied to the post URL instead of the Button component when on the front page.

The ExternalLink component has very little styling, so its styling is affected by the link styling provided by WP-Admin. This results in inconsistencies with other panels.

Here's what I feel is the problem.


  1. The color doesn't match with other panels if the admin color scheme is changed:

Image


  1. Even though the color scheme is the default, the colors are slightly different. Additionally, there is no focus animation, and the focus outline is styled differently:

Image


  1. The a element has rel="external". The external value is used to the referenced document is not part of the current site, so I don't think it's appropriate.

Step-by-step reproduction instructions

  • Set any page as the front page.
  • Open the page.
  • Check the post sidebar.

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

Type

No type

Projects

Status

✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions