1741508 - Listed available email addresses don't look nice in the new Account provisioner tab

Status: RESOLVED FIXED

(Thunderbird :: Account Manager, enhancement)

Description

[Alessandro Castellani [:aleca]]

Attachment: Screenshot from 2021-11-16 14-13-30.png

In case the user writes a long string while searching for available addresses from our providers, the UI doesn't really adapt nicely for those long results.

Minor issue, but we should fix it.

Comment 1

[Alessandro Castellani [:aleca]]

Attachment: emails-list.png

Proposed mock-up

• Convert the elements of that list in clickable buttons.
• List the price in a separate line so the address can use the whole width and wrap text naturally if needed.
• Use the "Open in a Tab" icon in order to communicate to the user that a click on that element will move them to another tab.

The second item has a white background because I'm simulating what a mouse hover effect will look like.
I'm also only showing 3 items just as a quick mockup, the number of showed addresses will not change.

Comment 2

[Magnus Melin [:mkmelin]]

Comment on attachment 9251028 [details]
emails-list.png

Looks nice! Maybe there could be even more clarity of the "select this, open in new tab". But this is certainly better than what we have, and I would not think it's much of a problem for the user to move forwards.

Comment 3

[Richard Marti (:Paenglab)]

Comment on attachment 9251028 [details]
emails-list.png

Looks better and is more consistent to the "add calendar/AB" lists we have already in the account central.

Comment 4

[Alessandro Castellani [:aleca]]

Attachment: Bug 1741508 - Improve UI of listed email addresses in Account Provisioner. r=darktrojan

Comment 5

[Alessandro Castellani [:aleca]]

Try run: https://treeherder.mozilla.org/jobs?repo=try-comm-central&revision=547259cec4fa7c1a9263a1739a0f00e6fb2cf5e9

Running tests is temporarily busted due to Bug 1741369, I'll push another try once it's clear.

Comment 6

[Alessandro Castellani [:aleca]]

Try run: https://treeherder.mozilla.org/jobs?repo=try-comm-central&revision=e92e8e49e868f568936619caf1f38f5d34a03efd

Comment 7

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/comm-central/rev/86554bd866c1
Improve UI of listed email addresses in Account Provisioner. r=darktrojan