Skip to content

Replace mat-chip Sign in button with Sign in with Google button#2413

Merged
rfontanarosa merged 15 commits intogoogle:masterfrom
sidd190:fix/2368/update-sign-in-button-styling
Mar 1, 2026
Merged

Replace mat-chip Sign in button with Sign in with Google button#2413
rfontanarosa merged 15 commits intogoogle:masterfrom
sidd190:fix/2368/update-sign-in-button-styling

Conversation

@sidd190
Copy link
Contributor

@sidd190 sidd190 commented Jan 26, 2026

Fixes #2368

Screenshot from 2026-01-26 19-38-25

@sidd190
Copy link
Contributor Author

sidd190 commented Jan 30, 2026

@gino-m @rfontanarosa This is also ready for review, please take a look whenever available. Thanks.

@rfontanarosa rfontanarosa self-requested a review February 4, 2026 11:58
@codecov-commenter
Copy link

codecov-commenter commented Feb 4, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 59.13%. Comparing base (3bb5fa1) to head (c09d79b).
⚠️ Report is 2 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #2413   +/-   ##
=======================================
  Coverage   59.13%   59.13%           
=======================================
  Files         111      111           
  Lines        2748     2748           
  Branches      408      408           
=======================================
  Hits         1625     1625           
  Misses       1065     1065           
  Partials       58       58           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@rfontanarosa
Copy link
Collaborator

hi @sidd190 , thank you for your contribution. I've just left some comments.

@sidd190
Copy link
Contributor Author

sidd190 commented Feb 15, 2026

hi @sidd190 , thank you for your contribution. I've just left some comments.

Umm hi again, Sorry but where are these comments? I don't see them anywhere. :( Might be glitch or a miss on my side.

image

Sign in to continue
</p>
<div class="buttons">
<button mat-flat-button color="primary" (click)="onGoogleSignIn()">
Copy link
Collaborator

Choose a reason for hiding this comment

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

Hi @sidd190, instead of hardcoding the SVG paths, I'd suggest using the official asset. I've found it here: https://developers.google.com/identity/branding-guidelines.

<img src="assets/img/web_light_rd_na.svg" alt="" />

I've already updated the file to have a transparent background (fill="none") and removed the border, so the hover state on the button will work correctly without being blocked by a white box. This should also help you clean up some CSS.

Image

align-items: center;
justify-content: center;
gap: 12px;
padding: 12px 24px;
Copy link
Collaborator

Choose a reason for hiding this comment

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

padding: 0 0 12px 0;

}
}

.google-logo {
Copy link
Collaborator

@rfontanarosa rfontanarosa Feb 9, 2026

Choose a reason for hiding this comment

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

remove this .google-logo

class="google-signin-btn"
(click)="onGoogleSignIn()"
type="button"
aria-label="Sign in with Google">
Copy link
Collaborator

Choose a reason for hiding this comment

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

can you please remove the aria-label? we already have "Sign in with Google" inside.

@rfontanarosa
Copy link
Collaborator

hi @sidd190, can you please check now?

@rfontanarosa
Copy link
Collaborator

hi @sidd190 , do you have time to complete this?

@sidd190
Copy link
Contributor Author

sidd190 commented Feb 24, 2026

hi @sidd190 , do you have time to complete this?

Yeah Yeah, Sorry things got a bit busy for me, I'll get back to contributing in just a bit.

Can you also please leave a review here - #2423.
I'll make them merge ready quickly. Thanks!

@sidd190
Copy link
Contributor Author

sidd190 commented Mar 1, 2026

Can you please review now?

@rfontanarosa rfontanarosa merged commit 2339f42 into google:master Mar 1, 2026
2 checks passed
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.

[Sign-in screen] Incorrect styling of sign on button

3 participants