Fix Widget Form and Admin Styling for WP 7#2294
Merged
Conversation
Add custom SVG chevron, -webkit-appearance: none, and WP 5.7.2 select styling to both measurement and multi-measurement unit selects so the dropdown arrow renders correctly when WP 7 block CSS strips native appearance. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add explicit width, height, and min-height to the existing checkbox appearance fix so checkboxes render at 16px in WP 7 where block CSS inflates their default dimensions. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Pin WP 5.7.2 button dimensions on .so-action-links buttons so Deactivate/Settings buttons are not inflated by WP 7 block CSS resets. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Drop appearance: auto (which fights core's custom checkbox styling) and instead resize the ::before pseudo-element to fit our 16px box, zeroing out core's negative margins. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
WP 7 changes checked checkboxes to a filled background with white checkmark and a glow focus ring. Restore the WP 6 look: white background, blue (#3582c4) checkmark, simple border focus style. Properly size the ::before pseudo-element and fix its margins to align within the 16px box. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Pin WP 5.7.2 button dimensions on the widget preview button so WP 7's min-height: 40px does not inflate it. Applied in a general scope so it works in block editor, Panels dialogs, and widgets page. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Misplon
changed the title
Member
The chevron is back for me, but it's overlapping the text. 
|
Member
Author
|
@AlexGStapleton Thanks, mate. When the overlap is occurring, please, could you confirm the WordPress version and the editor in use? I'm not currently able to recreate the issue. I've attached a build below in case that helps. |
AlexGStapleton
approved these changes
Mar 25, 2026
Member
AlexGStapleton
left a comment
AlexGStapleton
left a comment
There was a problem hiding this comment.
Issue not happening with the provided build. I'm happy to consider this a build issue on my end.
For reference, it was previously happening in the SiteOrigin Features widget with all setups.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
min-height: 40pxChanges
-webkit-appearance: none, and WP 5.7.2 select styling tosow-measurement-select-unitandsow-multi-measurement-select-unit#3582c4checkmark, simple border focus).so-action-linksmin-height: 30pxand WP 5.7.2 line-height on.siteorigin-widget-preview-buttonTest Plan
🤖 Generated with Claude Code