-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Save Panel: Remove connections icon and fix padding #62542
Conversation
I've hardcoded the
However. |
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 If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.
To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Size Change: -424 B (-0.02%) Total Size: 1.76 MB
ℹ️ View Unchanged
|
Flaky tests detected in 7aadf9a. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/9516571612
|
@@ -32,7 +32,7 @@ | |||
} | |||
|
|||
.entities-saved-states__post-meta { | |||
margin-left: $grid-unit-30; | |||
margin-left: 28px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we use an unit instead of hard-coding a margin?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@cbravobernal In light of the design changes, I now just use the preexisting entities-saved-states__changes
class for styling 👍
Let's look for an alternative :-) |
The original motivation was to separate out, with checkboxes, individual attributes. In absence of that, I would agree with Riad that we should just use the regular/default gray-text bulleted layout. |
@youknowriad @cbravobernal Done! This is what it looks like now: |
@cbravobernal I see it on Firefox without issue 🤔 |
7f9cf2c
to
7aadf9a
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I've tested it in Chrome and Safari, and I can see it working properly.
Apart from that, it seems it is using the same markup as the Global Styles changes, so I assume it is correct.
I'll wait to merge the pull request until @cbravobernal can confirm if the issue he was having is solved or is still present.
Got it working. Not sure about what was preventing the style from view. |
* Remove connections icon and fix padding * Reuse Global Styles changes design for meta changes * Update test Co-authored-by: artemiomorales <artemiosans@git.wordpress.org> Co-authored-by: cbravobernal <cbravobernal@git.wordpress.org> Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org> Co-authored-by: youknowriad <youknowriad@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
* Remove connections icon and fix padding * Reuse Global Styles changes design for meta changes * Update test Co-authored-by: artemiomorales <artemiosans@git.wordpress.org> Co-authored-by: cbravobernal <cbravobernal@git.wordpress.org> Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org> Co-authored-by: youknowriad <youknowriad@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
* Remove connections icon and fix padding * Reuse Global Styles changes design for meta changes * Update test Co-authored-by: artemiomorales <artemiosans@git.wordpress.org> Co-authored-by: cbravobernal <cbravobernal@git.wordpress.org> Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org> Co-authored-by: youknowriad <youknowriad@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
I just cherry-picked this PR to the wp/6.6-beta-3 branch to get it included in the next release: ecc7107 |
* Remove connections icon and fix padding * Reuse Global Styles changes design for meta changes * Update test Co-authored-by: artemiomorales <artemiosans@git.wordpress.org> Co-authored-by: cbravobernal <cbravobernal@git.wordpress.org> Co-authored-by: SantosGuillamot <santosguillamot@git.wordpress.org> Co-authored-by: youknowriad <youknowriad@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
What?
This PR revises the styles of the indicator regarding post meta in the save panel, namely removing the connections icon and fixing the padding.
Why?
While the connections icon is explanatory when post meta has been modified via Block Bindings, it is possible to modify post meta by other means and it is not accurate to show the icon in all circumstances.
How?
This PR removes the connections icon and modifies the styles to fix the padding.
Testing Instructions
1. Register post meta by adding this snippet to your theme's functions.php
2. Add a paragraph block bound to the custom field using the Code Editor
Testing Instructions for Keyboard
Screenshots or screencast
Before
After