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(authenticator): Wrap social button text #3692

Merged
merged 3 commits into from
Sep 15, 2023

Conversation

dnys1
Copy link
Contributor

@dnys1 dnys1 commented Sep 5, 2023

Prevent overflow of social button text in constrained layouts by shrinking the text to fit the available width.

Before

Screenshot_1693936730

After

Screenshot_1694019438

@dnys1 dnys1 requested a review from a team as a code owner September 5, 2023 17:59
@dnys1 dnys1 force-pushed the fix/authenticator/social-button-text-overflow branch from a1dc8d2 to c87f345 Compare September 5, 2023 18:00
Equartey
Equartey previously approved these changes Sep 5, 2023
@dnys1 dnys1 force-pushed the fix/authenticator/social-button-text-overflow branch from c87f345 to a40f8ea Compare September 6, 2023 17:11
@dnys1 dnys1 changed the title fix(authenticator): Fit social button text fix(authenticator): Wrap social button text Sep 6, 2023
@dnys1 dnys1 force-pushed the fix/authenticator/social-button-text-overflow branch from a40f8ea to 95f5d32 Compare September 8, 2023 18:48
Equartey
Equartey previously approved these changes Sep 8, 2023
Prevents overflow of social button text in constrained layouts by wrapping the text.
@dnys1 dnys1 force-pushed the fix/authenticator/social-button-text-overflow branch from 95f5d32 to 3269d8b Compare September 8, 2023 19:06
Equartey
Equartey previously approved these changes Sep 8, 2023
@@ -205,24 +217,32 @@ class _SocialSignInButtonState
builder: (context, constraints) {
final padding = calculatePadding(constraints);
return Padding(
padding: EdgeInsets.symmetric(horizontal: padding),
padding: EdgeInsets.symmetric(
vertical: 2,
Copy link
Member

Choose a reason for hiding this comment

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

I think this is increasing the height of the button. Is that what we want? It seems like the social buttons have a larger height than other buttons here: https://github.com/aws-amplify/amplify-flutter/pull/3692/files#diff-19731debe5953de4ce3baae91c6a663bf423a41677f989d42e1448b480a54353

@dnys1 dnys1 merged commit c07cf1b into main Sep 15, 2023
37 of 40 checks passed
@dnys1 dnys1 deleted the fix/authenticator/social-button-text-overflow branch September 15, 2023 15:30
fjnoyp pushed a commit that referenced this pull request Sep 21, 2023
* fix(authenticator): Wrap social button text

Prevents overflow of social button text in constrained layouts by wrapping the text.

* Update padding

* Update TODO
fjnoyp pushed a commit that referenced this pull request Sep 21, 2023
### Fixes
- fix(aft): Constraints edge cases ([#3732](#3732))
- fix(authenticator): TOTP Setup typo ([#3758](#3758))
- fix(authenticator): Wrap social button text ([#3692](#3692))
- fix(authenticator): date validator ([#3766](#3766))

Updated-Components: amplify_datastore, amplify_analytics_pinpoint, amplify_auth_cognito, amplify_authenticator, aws_common, smithy, amplify_storage_s3_dart
@fjnoyp fjnoyp mentioned this pull request Sep 21, 2023
fjnoyp pushed a commit that referenced this pull request Sep 21, 2023
* fix(authenticator): Wrap social button text

Prevents overflow of social button text in constrained layouts by wrapping the text.

* Update padding

* Update TODO
fjnoyp pushed a commit that referenced this pull request Sep 21, 2023
### Fixes
- fix(aft): Constraints edge cases ([#3732](#3732))
- fix(authenticator): TOTP Setup typo ([#3758](#3758))
- fix(authenticator): Wrap social button text ([#3692](#3692))
- fix(authenticator): date validator ([#3766](#3766))

Updated-Components: amplify_datastore, amplify_analytics_pinpoint, amplify_auth_cognito, amplify_authenticator, aws_common, smithy, amplify_storage_s3_dart
fjnoyp pushed a commit that referenced this pull request Sep 22, 2023
### Fixes
- fix(aft): Constraints edge cases ([#3732](#3732))
- fix(authenticator): TOTP Setup typo ([#3758](#3758))
- fix(authenticator): Wrap social button text ([#3692](#3692))
- fix(authenticator): date validator ([#3766](#3766))

Updated-Components: amplify_datastore, amplify_analytics_pinpoint, amplify_auth_cognito, amplify_authenticator, aws_common, smithy, amplify_storage_s3_dart

# Conflicts:
#	packages/amplify_datastore/CHANGELOG.md
#	packages/amplify_datastore/pubspec.yaml
#	packages/analytics/amplify_analytics_pinpoint_dart/CHANGELOG.md
#	packages/analytics/amplify_analytics_pinpoint_dart/lib/src/version.dart
#	packages/analytics/amplify_analytics_pinpoint_dart/pubspec.yaml
#	packages/auth/amplify_auth_cognito/CHANGELOG.md
#	packages/auth/amplify_auth_cognito/pubspec.yaml
#	packages/auth/amplify_auth_cognito_dart/CHANGELOG.md
#	packages/auth/amplify_auth_cognito_dart/pubspec.yaml
#	packages/authenticator/amplify_authenticator/CHANGELOG.md
#	packages/authenticator/amplify_authenticator/lib/src/version.dart
#	packages/authenticator/amplify_authenticator/pubspec.yaml
#	packages/storage/amplify_storage_s3_dart/CHANGELOG.md
#	packages/storage/amplify_storage_s3_dart/pubspec.yaml
dnys1 pushed a commit that referenced this pull request Sep 25, 2023
### Fixes
- fix(aft): Constraints edge cases ([#3732](#3732))
- fix(authenticator): TOTP Setup typo ([#3758](#3758))
- fix(authenticator): Wrap social button text ([#3692](#3692))
- fix(authenticator): date validator ([#3766](#3766))

Updated-Components: amplify_datastore, amplify_analytics_pinpoint, amplify_auth_cognito, amplify_authenticator, aws_common, smithy, amplify_storage_s3_dart

# Conflicts:
#	packages/amplify_datastore/CHANGELOG.md
#	packages/amplify_datastore/pubspec.yaml
#	packages/analytics/amplify_analytics_pinpoint_dart/CHANGELOG.md
#	packages/analytics/amplify_analytics_pinpoint_dart/lib/src/version.dart
#	packages/analytics/amplify_analytics_pinpoint_dart/pubspec.yaml
#	packages/auth/amplify_auth_cognito/CHANGELOG.md
#	packages/auth/amplify_auth_cognito/pubspec.yaml
#	packages/auth/amplify_auth_cognito_dart/CHANGELOG.md
#	packages/auth/amplify_auth_cognito_dart/pubspec.yaml
#	packages/authenticator/amplify_authenticator/CHANGELOG.md
#	packages/authenticator/amplify_authenticator/lib/src/version.dart
#	packages/authenticator/amplify_authenticator/pubspec.yaml
#	packages/storage/amplify_storage_s3_dart/CHANGELOG.md
#	packages/storage/amplify_storage_s3_dart/pubspec.yaml

Co-authored-by: kyle <kylechen@amazon.com>
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