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

Fix link icon alignment #7996

Merged
merged 14 commits into from Dec 15, 2023
Merged

Fix link icon alignment #7996

merged 14 commits into from Dec 15, 2023

Conversation

tofumatt
Copy link
Collaborator

Summary

Addresses issue:

Relevant technical choices

I've reverted the earlier changes I made here, and fixed the ellipsis issue and the "Editin" issues. I've also audited all of the link components with icons and combined them to be consistently output using IconWrapper, which wasn't happening before, hence the mish-mash of bugs surrounding various icons.

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.

@tofumatt tofumatt changed the title Icon followup revert Fix link icon alignment Dec 15, 2023
Copy link

github-actions bot commented Dec 15, 2023

Build files for 03fd24e have been deleted.

Copy link

github-actions bot commented Dec 15, 2023

Size Change: +1.25 kB (0%)

Total Size: 1.41 MB

Filename Size Change
./dist/assets/css/googlesitekit-admin-css-********************.min.css 50 kB -9 B (0%)
./dist/assets/css/googlesitekit-adminbar-css-********************.min.css 10.9 kB -21 B (0%)
./dist/assets/css/googlesitekit-wp-dashboard-css-********************.min.css 7.08 kB -16 B (0%)
./dist/assets/js/googlesitekit-activation-********************.js 23.3 kB +54 B (0%)
./dist/assets/js/googlesitekit-ad-blocking-recovery-********************.js 52.1 kB +85 B (0%)
./dist/assets/js/googlesitekit-adminbar-********************.js 33.6 kB +85 B (0%)
./dist/assets/js/googlesitekit-data-********************.js 2.18 kB +1 B (0%)
./dist/assets/js/googlesitekit-datastore-site-********************.js 17.9 kB -4 B (0%)
./dist/assets/js/googlesitekit-datastore-user-********************.js 23.5 kB +9 B (0%)
./dist/assets/js/googlesitekit-entity-dashboard-********************.js 67.2 kB +86 B (0%)
./dist/assets/js/googlesitekit-main-dashboard-********************.js 86.5 kB +90 B (0%)
./dist/assets/js/googlesitekit-modules-********************.js 22 kB +83 B (0%)
./dist/assets/js/googlesitekit-modules-adsense-********************.js 102 kB +78 B (0%)
./dist/assets/js/googlesitekit-modules-analytics-4-********************.js 77.2 kB +87 B (0%)
./dist/assets/js/googlesitekit-modules-analytics-********************.js 81.3 kB +51 B (0%)
./dist/assets/js/googlesitekit-modules-pagespeed-insights-********************.js 22.3 kB +63 B (0%)
./dist/assets/js/googlesitekit-modules-search-console-********************.js 59.2 kB +139 B (0%)
./dist/assets/js/googlesitekit-modules-tagmanager-********************.js 31.5 kB +23 B (0%)
./dist/assets/js/googlesitekit-settings-********************.js 50.2 kB +81 B (0%)
./dist/assets/js/googlesitekit-splash-********************.js 67.1 kB +53 B (0%)
./dist/assets/js/googlesitekit-user-input-********************.js 41.9 kB +76 B (0%)
./dist/assets/js/googlesitekit-widgets-********************.js 33.1 kB +92 B (0%)
./dist/assets/js/googlesitekit-wp-dashboard-********************.js 61 kB +65 B (0%)
ℹ️ View Unchanged
Filename Size
./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/32-********************.js 929 B
./dist/assets/js/33-********************.js 888 B
./dist/assets/js/34-********************.js 3.12 kB
./dist/assets/js/analytics-advanced-tracking-********************.js 769 B
./dist/assets/js/googlesitekit-api-********************.js 9.84 kB
./dist/assets/js/googlesitekit-components-gm2-********************.js 5.73 kB
./dist/assets/js/googlesitekit-components-gm3-********************.js 10 kB
./dist/assets/js/googlesitekit-datastore-forms-********************.js 9.05 kB
./dist/assets/js/googlesitekit-datastore-location-********************.js 2.08 kB
./dist/assets/js/googlesitekit-datastore-ui-********************.js 9.15 kB
./dist/assets/js/googlesitekit-i18n-********************.js 3.92 kB
./dist/assets/js/googlesitekit-polyfills-********************.js 379 B
./dist/assets/js/googlesitekit-vendor-********************.js 316 kB
./dist/assets/js/runtime-********************.js 1.3 kB

compressed-size-action

@tofumatt tofumatt mentioned this pull request Dec 15, 2023
18 tasks
Copy link
Collaborator

@aaemnnosttv aaemnnosttv left a comment

Choose a reason for hiding this comment

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

Thanks @tofumatt – there was only one thing I found that needed fixing which I just pushed a fix for

Problem (link is off-center in mobile only)
image

Fix
image

Comment on lines +156 to +159
// Set the prefix/suffix icons, based on the type of link this is and
// the props supplied.
let leadingIconToUse = leadingIcon;
let trailingIconToUse = trailingIcon;
Copy link
Collaborator

Choose a reason for hiding this comment

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

IMO if an icon is passed as a prop, it should override the default icons that are related to specific kinds of links as below. It's fine for now but just a thought.

@aaemnnosttv
Copy link
Collaborator

VRT failed in the last run before it was able to get to the comparison but passed in the previous. The only thing that changed were the Jest snapshot files and the JS tests are passing now so this is good to go now 🚀

@aaemnnosttv aaemnnosttv merged commit 8af3f7e into main Dec 15, 2023
17 of 19 checks passed
@aaemnnosttv aaemnnosttv deleted the icon-followup-revert branch December 15, 2023 19:03
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.

None yet

2 participants