Minor issues with the survey banner UI on Android
Issues as follows:
- The UI in general looks quite large, especially when compared to the toolbar? Specifically the emoji, text styles used and size of the three buttons.
- See Figma or the same buttons in Fx for Android, for reference. If the values used on Android match Figma, and it's Figma that's wrong, let's just go ahead and make these smaller please.
- The "Launch the survey" and "X" buttons are missing a pressed/active state.
- The "Dismiss" button seems to be using the elevated type, rather than the basic text button type. I think this is responsible for the shadow appearing behind the button, which increases when pressed. Instead, text buttons should use a similar pressed/active state to the default button.
Screenshot: survey-banner-en
These issues are minor, but if we need to do an emergency release for #43648 (closed) and #43651 (closed) we can fix them at the same time.
For reference, the Firefox Acorn documentation for Android buttons is available here: https://acorn.firefox.com/latest/components/button/android-Cyyjidig
However generally speaking, Fx for Android follows the same rules regarding interaction states as Material Design 3: https://m3.material.io/components/buttons/specs
Edited by donuts