-
Notifications
You must be signed in to change notification settings - Fork 799
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
Admin bar: move the Reader admin bar item to the secondary group #38976
Conversation
Thank you for your PR! When contributing to Jetpack, we have a few suggestions that can help us test and review your patch:
This comment will be updated as you work on your PR and make changes. If you think that some of those checks are not needed for your PR, please explain why you think so. Thanks for cooperation 🤖 The e2e test report can be found here. Please note that it can take a few minutes after the e2e tests checks are complete for the report to be available. Follow this PR Review Process:
Still unsure? Reach out in #jetpack-developers for guidance! Mu Wpcom plugin:
If you have any questions about the release process, please ask in the #jetpack-releases channel on Slack. Wpcomsh plugin:
If you have any questions about the release process, please ask in the #jetpack-releases channel on Slack. |
Are you an Automattician? Please test your changes on all WordPress.com environments to help mitigate accidental explosions.
Interested in more tips and information?
|
fa4f4e5
to
25460c9
Compare
@@ -100,7 +100,8 @@ function ( $wp_admin_bar ) { | |||
), | |||
) | |||
); | |||
} | |||
}, | |||
119 |
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.
Order the help center after the Reader, but before Notifications.
'class' => 'wp-admin-bar-reader', | ||
), | ||
'parent' => 'top-secondary', |
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.
Add the Reader to the secondary admin bar group.
'href' => maybe_add_origin_site_id_to_url( 'https://wordpress.com/read' ), | ||
'meta' => array( | ||
'id' => 'reader', | ||
'title' => '<span class="ab-icon" aria-hidden="true"></span><span class="screen-reader-text">' . |
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'm following the example of the W logo here.
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.
2ebfb24
to
439edd7
Compare
@fushar I pushed a change, let me know how it looks. I changed both < 782px and < 480px styles to get it to match the Help Center - Notifications gap. |
86c26fa
to
5bc75d1
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 pushed a small CSS fix.
It's now pixel perfect with Calypso on various screen widths! Tested on Atomic and Simple as well.
Looks great, thanks @fushar! |
projects/packages/jetpack-mu-wpcom/src/features/help-center/class-help-center.php
Show resolved
Hide resolved
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.
This looks good to me!
Non blocking - there are minor differences in styles compared to the calypso PR. Note on mobile that there is an extra padding division between the reader and the help center in wp-admin but not calypso. And the calypso one is a little wider. But these are very minor things I wouldn't expect folks to notice.
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.
WFM! Tested simple and atomic.
I'll timebox and see if there's a fix. |
@Addison-Stavlo I moved the padding to the inner span and I'm now seeing the same width as Calypso, no gap: Screen.Recording.2024-08-22.at.2.37.32.PM.mov |
871ecbd
to
abc5bf9
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.
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.
Nice 👍
abc5bf9
to
58f828b
Compare
Fixes Automattic/wp-calypso#93534
Proposed changes:
Simple before:
Simple this branch:
Atomic before:
Atomic this branch:
Other information:
Jetpack product discussion
Automattic/wp-calypso#93534
Does this pull request change what data or activity we track or use?
N/A
Testing instructions:
bin/jetpack-downloader test jetpack-mu-wpcom-plugin update/admin-menu-reader-placement