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

Use only base protocol social icons #15676

Merged
merged 1 commit into from
Dec 5, 2024

Conversation

janbrasna
Copy link
Contributor

@janbrasna janbrasna commented Dec 4, 2024

One-line summary

Apply opacity between states instead of separate icons.

Significant changes and points to review

Speeds up the hover effect by not loading assets not preloaded yet, avoiding flash of blank space.

NB: the opacity doesn't produce the exact color (#828282 130,130,130), the 45% alpha results in #7F7F7F (127,127,127) for me, if that's acceptable.

Issue / Bugzilla link

#15654 (comment) (also should help mitigate #15644…)

Testing

The best is to actually start at https://www-demo4.allizom.org/en-US/ that is "reasonably slow" and disabling caches (and/or setting some throttling in devtools, e.g. 3G) — and trying the hovers there first. This PR will have none of that delay by design.

@janbrasna janbrasna requested a review from a team as a code owner December 4, 2024 22:09
@janbrasna janbrasna force-pushed the upd/footer-social-icons branch from e79c004 to 180298c Compare December 4, 2024 22:26
@janbrasna janbrasna force-pushed the upd/footer-social-icons branch from 180298c to b971f86 Compare December 5, 2024 00:03
Copy link
Member

@craigcook craigcook left a comment

Choose a reason for hiding this comment

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

Nice optimization! 🍨

@craigcook craigcook merged commit dcc7575 into mozilla:main Dec 5, 2024
5 checks passed
@janbrasna janbrasna deleted the upd/footer-social-icons branch December 5, 2024 22:58
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.

2 participants