Toolbar: Constrain site icon to 20x20 regardless of page-level CSS overrides - #13243
Toolbar: Constrain site icon to 20x20 regardless of page-level CSS overrides#13243i-am-chitti wants to merge 1 commit into
Conversation
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the Core Committers: Use this line as a base for the props when committing in SVN: To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Test using WordPress PlaygroundThe changes in this pull request can previewed and tested using a WordPress Playground instance. WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser. Some things to be aware of
For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation. |
Ticket
Trac ticket: https://core.trac.wordpress.org/ticket/65944
Description
The site icon in
admin-bar.cssis sized only viawidth/height, so a theme/pluginimgrule using!importantoverrides it and the icon renders at intrinsic size instead of 20x20 (28x28 on mobile).Adds
max-width/max-heightalongside the existing rules so the size holds even whenwidth/heightare overridden.Testing
Set a Site Icon, then add
img { width: auto !important; height: auto !important; }via Additional CSS — the icon should stay 20x20 with this fix (blows up without it).Screenshots
Use of AI Tools
AI assistance: Yes
Tool(s): Claude Code
Model(s): Claude Sonnet 5
Used for: reproducing the bug locally.