search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.32k stars 4.12k forks source link

Social Icons block label is using WP-Admin styles for text #46778

Open bgardner opened 1 year ago

bgardner commented 1 year ago

Description

When the Social Icons block is being used with Link settings > Show labels option enabled, the WP-Admin styles are kicking in for the text in the editor. (Front end is using the theme font, while back end is using system font).

Step-by-step reproduction instructions

  1. Add Social Icons
  2. Enable Link settings > Show labels option
  3. See system fonts loaded from the following CSS:
.edit-post-visual-editor .components-button {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 13px;
    padding: 6px 12px;
}

Screenshots, screen recording, code snippet

image

Environment info

WordPress 6.1.1, Gutenberg 14.8

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

jordesign commented 1 year ago

Confirmed this in testing - still present in WP 6.2.2

bgardner commented 8 months ago

Any updates on this? Seems like a relatively light fix, no?