-
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
Update list layout action styling #61797
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 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: +87 B (0%) Total Size: 1.75 MB
ℹ️ View Unchanged
|
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 think the tests are failing because the buttons are hidden using |
@cleacos @madebynoam @lucasmendes-design @jeffgolenski This PR can also impact our usage of the data view component. |
Flaky tests detected in 823dc3a. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/9206916863
|
The failing tests here seem to relate to the dropdown component rather than the changes in this PR 🤔 If @ntsekouras or someone from @WordPress/gutenberg-components has time to take a look I'd appreciate it 🙏 |
Attempting the usual suspect fix with waiting for the focus in 9aadc16. |
Seems like it's all green and good to go. Disabled the auto-merge because it needs a rebase. |
Co-authored-by: jameskoster <[email protected]> Co-authored-by: tyxla <[email protected]> Co-authored-by: jasmussen <[email protected]> Co-authored-by: keoshi <[email protected]>
Co-authored-by: jameskoster <[email protected]> Co-authored-by: tyxla <[email protected]> Co-authored-by: jasmussen <[email protected]> Co-authored-by: keoshi <[email protected]>
This PR updates some style details in list layout now that actions have been added.
Align along X axis
This matches table layout and eliminates the uncanny alignment visible on trunk:
Icon color on selected items
This also matches table layout. Specifically: Icon buttons remain
$gray-900
when the list item is selected.Improve truncation
When hidden, actions are positioned so that they do not occupy any visual space. This allows the title to span the full width of the row: