-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Fix] Inlined core block styles should not override user-added inline styles #31268
Merged
Conversation
This file contains 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
aristath
added
[Type] Bug
An existing feature does not function as intended
[Feature] Themes
Questions or issues with incorporating or styling blocks in a theme.
CSS Styling
Related to editor and front end styles, CSS-specific issues.
labels
Apr 28, 2021
aristath
changed the title
Make sure inlined core block styles are the 1st item in the array
[Fix] Inlined core block styles should not override user-added inline styles
Apr 28, 2021
gziolo
approved these changes
Apr 28, 2021
Size Change: 0 B Total Size: 1.39 MB ℹ️ View Unchanged
|
3 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
CSS Styling
Related to editor and front end styles, CSS-specific issues.
[Feature] Themes
Questions or issues with incorporating or styling blocks in a theme.
[Type] Bug
An existing feature does not function as intended
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.
Description
In an FSE theme, block styles may get inlined (depending on their size).
However, there is currently an issue and if a theme (or plugin) adds styles to these core block-styles using
wp_add_inline_style
, the core block styles are appended to the ones that were added, overriding them if the same selectors are used.This PR changes the previous behavior and instead of adding the core block styles as the last item in the array, it adds them as the 1st item - therefore eliminating the problem.
How has this been tested?
Tested in combination with #31239 which adds
theme
styles usingwp_add_inline_style
.You can also test by adding something like this in an FSE theme:
Prior to this PR, the padding does not apply because it gets overridden by core styles. After this PR, the padding gets properly appried.
Types of changes
Bugfix
Checklist:
*.native.js
files for terms that need renaming or removal).