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

PhoneAuth Button Glitch Issue #2147

Open
ArcherEmiya05 opened this issue Nov 16, 2023 · 0 comments
Open

PhoneAuth Button Glitch Issue #2147

ArcherEmiya05 opened this issue Nov 16, 2023 · 0 comments

Comments

@ArcherEmiya05
Copy link

Welcome to FirebaseUI and thanks for submitting an issue!

Please take a look at open issues, as well as resolved issues, to see if your issue is either already being addressed, or has been solved by someone else.

If not, please feel free to fill in the following info so we can help faster!

Step 1: Are you in the right place?

Yes

Step 2: Describe your environment

  • Android device: Pixels Emulator
  • Android OS version: SDK 21 and above
  • Google Play Services version: 4.4.0
  • Firebase/Play Services SDK version: 8.0.2

Step 3: Describe the problem:

There is a weird square shadow in Phone Auth Verify button when using Material Design 3 that cannot be removed in any approach unless android:background is set as backgroundTintwith transparent color value is not working.

Observed Results:

image

image

Expected Results:

No shadow

Relevant Code:


<!-- Base application theme -->
  <style name="Theme.MyApp" parent="Theme.Material3.DayNight">

       <item name="materialButtonStyle">@style/AppButtonStyle</item>

  </style>

<!-- Firebase UI theme -->
  <style name="Theme.MyApp.FirebaseAuthUI">

      <!-- For some reason, Firebase UI use this as textColorLink -->
      <item name="colorPrimary">@color/colorAccent</item>

      <!-- Use by Toolbar title color -->
      <!-- Use by Outlined text field color (unfocused) -->
      <!-- Use by OTP dashes color -->
      <!-- Use by Button disabled color -->
      <item name="colorOnSurface">@color/colorPrimary_White</item>

      <!-- TextInputLayout and button shape -->
      <item name="shapeAppearanceSmallComponent">@style/ShapeAppearance.App.SmallComponent</item> <!-- TODO M2 remove later -->
      <item name="shapeAppearanceCornerExtraSmall">@style/ShapeAppearance.App.SmallComponent</item>

  </style>

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

No branches or pull requests

1 participant