842539 - [Building Blocks][Input Areas] should be updated to the last visual version

Status: RESOLVED FIXED

(Firefox OS Graveyard :: Gaia, defect)

Description

[Sergi]

Attachment: Input Area :: Screenshot

The styles for the input area we're currently using across the UI is outdated. The changes that should be applied are:

- Increase the font size in the input field to 8pt (MozTT Regular)
- Increase the font size in the button to 7.5pt (MozTT medium)
- The blue gradient used in the "Send" button has a different color code (#00aacc to transparent).

Comment 1

[Arnau March [:arnau] ( not working in Firefox OS anymore :( )]

Attachment: Patch

Comment 2

[Arnau March [:arnau] ( not working in Firefox OS anymore :( )]

Comment on attachment 715913 [details]
Patch

NOTE: Please see https://wiki.mozilla.org/Release_Management/B2G_Landing to better understand the B2G approval process and landings.

[Approval Request Comment]
Bug caused by (feature/regressing bug #): -
User impact if declined: Now matching UX visuals
Testing completed: Yes
Risk to taking this patch (and alternatives if risky): Very low
String or UUID changes made by this patch:

Comment 3

[Lukas Blakk [:lsblakk] use ?needinfo]

Comment on attachment 715913 [details]
Patch

Approving for v1-train uplift.

Comment 4

[John Ford [:jhford] CET/CEST Berlin Time]

v1-train@1bd6c2239a8f9f88eedf59c794b81a8bfb007add

Comment 5

[Andrew Sutherland [:asuth] (he/him)]

This landing regressed the e-mail app's compose UI, specifically the address input fields.  They have some (clearly less-than-perfect!) trickery going on to accomplish the stuff we do with address bubbles, so it's very important that when making changes to input_areas.css that they be smoke-tested by typing some text in the fields and making sure no text gets clipped.

I'm going to go see if we have an e-mail bug on this already and if not file a new one; I'll have that bug marked as depending on this bug.

Comment 6

[Arnau March [:arnau] ( not working in Firefox OS anymore :( )]

Sorry Andrew, this is a weird situation we sometimes have to face when modifying Building Blocks.
I also noticed in Contacts app that some inputs where using BB and others where manually done, so now they have different size.... but we need to fix that for sake of consistency.
Please, let me know if you need any help.