Skip to content
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

Updates to Google account details in User Menu #6516

Merged
merged 4 commits into from
Feb 7, 2023

Conversation

nfmohit
Copy link
Collaborator

@nfmohit nfmohit commented Feb 2, 2023

Summary

Addresses issue:

Relevant technical choices

This PR addresses the concerns raised here:

  1. It removes the margin around the menu items.
  2. Improves the sizing of the menu item icons to be more aligned with the designs.
  3. Update border-radius to match designs.

PR Author Checklist

  • My code is tested and passes existing unit tests.
  • My code has an appropriate set of unit tests which all pass.
  • My code is backward-compatible with WordPress 5.2 and PHP 5.6.
  • My code follows the WordPress coding standards.
  • My code has proper inline documentation.
  • I have added a QA Brief on the issue linked above.
  • I have signed the Contributor License Agreement (see https://cla.developers.google.com/).

Do not alter or remove anything below. The following sections will be managed by moderators only.

Code Reviewer Checklist

  • Run the code.
  • Ensure the acceptance criteria are satisfied.
  • Reassess the implementation with the IB.
  • Ensure no unrelated changes are included.
  • Ensure CI checks pass.
  • Check Storybook where applicable.
  • Ensure there is a QA Brief.

Merge Reviewer Checklist

  • Ensure the PR has the correct target branch.
  • Double-check that the PR is okay to be merged.
  • Ensure the corresponding issue has a ZenHub release assigned.
  • Add a changelog message to the issue.

@github-actions
Copy link

github-actions bot commented Feb 2, 2023

Size Change: +1.64 kB (0%)

Total Size: 1.24 MB

Filename Size Change
./dist/assets/css/googlesitekit-admin-css-********************.min.css 48.2 kB +19 B (0%)
./dist/assets/css/googlesitekit-wp-dashboard-css-********************.min.css 7.31 kB +12 B (0%)
./dist/assets/js/32-********************.js 3.12 kB +1 B (0%)
./dist/assets/js/googlesitekit-activation-********************.js 27 kB +29 B (0%)
./dist/assets/js/googlesitekit-adminbar-********************.js 35.7 kB +73 B (0%)
./dist/assets/js/googlesitekit-api-********************.js 9.55 kB +4 B (0%)
./dist/assets/js/googlesitekit-components-gm2-********************.js 5.82 kB -1 B (0%)
./dist/assets/js/googlesitekit-components-gm3-********************.js 9.8 kB +2 B (0%)
./dist/assets/js/googlesitekit-data-********************.js 2.15 kB +1 B (0%)
./dist/assets/js/googlesitekit-datastore-forms-********************.js 9.22 kB +6 B (0%)
./dist/assets/js/googlesitekit-datastore-location-********************.js 2.08 kB +2 B (0%)
./dist/assets/js/googlesitekit-datastore-site-********************.js 16.3 kB +8 B (0%)
./dist/assets/js/googlesitekit-datastore-ui-********************.js 9.33 kB +5 B (0%)
./dist/assets/js/googlesitekit-datastore-user-********************.js 22.6 kB -8 B (0%)
./dist/assets/js/googlesitekit-entity-dashboard-********************.js 64.8 kB +64 B (0%)
./dist/assets/js/googlesitekit-main-dashboard-********************.js 71.6 kB +68 B (0%)
./dist/assets/js/googlesitekit-modules-********************.js 20.2 kB +5 B (0%)
./dist/assets/js/googlesitekit-modules-adsense-********************.js 70.8 kB +289 B (0%)
./dist/assets/js/googlesitekit-modules-analytics-4-********************.js 22.1 kB +864 B (+4%)
./dist/assets/js/googlesitekit-modules-analytics-********************.js 73 kB +100 B (0%)
./dist/assets/js/googlesitekit-modules-optimize-********************.js 18.7 kB -3 B (0%)
./dist/assets/js/googlesitekit-modules-pagespeed-insights-********************.js 21.1 kB -117 B (-1%)
./dist/assets/js/googlesitekit-modules-search-console-********************.js 40.1 kB +279 B (+1%)
./dist/assets/js/googlesitekit-modules-tagmanager-********************.js 31.8 kB +3 B (0%)
./dist/assets/js/googlesitekit-settings-********************.js 51.3 kB +126 B (0%)
./dist/assets/js/googlesitekit-splash-********************.js 70.2 kB +317 B (0%)
./dist/assets/js/googlesitekit-user-input-********************.js 44.2 kB +73 B (0%)
./dist/assets/js/googlesitekit-vendor-********************.js 332 kB +31 B (0%)
./dist/assets/js/googlesitekit-widgets-********************.js 15.6 kB -584 B (-4%)
./dist/assets/js/googlesitekit-wp-dashboard-********************.js 60.2 kB -26 B (0%)
./dist/assets/js/runtime-********************.js 1.26 kB +2 B (0%)
ℹ️ View Unchanged
Filename Size
./dist/assets/css/googlesitekit-adminbar-css-********************.min.css 11.1 kB
./dist/assets/js/29-********************.js 2.8 kB
./dist/assets/js/30-********************.js 2.28 kB
./dist/assets/js/31-********************.js 3.72 kB
./dist/assets/js/analytics-advanced-tracking-********************.js 769 B
./dist/assets/js/googlesitekit-i18n-********************.js 3.92 kB
./dist/assets/js/googlesitekit-polyfills-********************.js 380 B

compressed-size-action

@@ -48,6 +48,7 @@

.googlesitekit-user-menu {
background-color: $c-surfaces-background;
border-radius: 28px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nfmohit This is a rather odd value. To be consistent with the border radiuses we have on the site, can we not have it set to 24px? Also, let's use the $br-md variable from https://github.com/google/site-kit-wp/blob/develop/assets/sass/config/_variables-mui3.scss#L237

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Understood, I've updated it, thank you, @asvinb!

@@ -86,7 +87,7 @@
.googlesitekit-user-menu__details {
align-items: center;
background-color: $c-surfaces-surface;
border-radius: 16px;
border-radius: 24px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nfmohit Let's use $br-md here as well.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated, thanks!

@nfmohit nfmohit requested a review from asvinb February 3, 2023 19:19
@asvinb
Copy link
Collaborator

asvinb commented Feb 7, 2023

Thanks @nfmohit ! LGTM!

@tofumatt tofumatt merged commit edeea4d into develop Feb 7, 2023
@tofumatt tofumatt deleted the enhancement/#5775-user-menu-follow-up branch February 7, 2023 15:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants