Improve how circuits are displayed to the user on Android

TBA work on parent ticket

added TBA-a3 TorBrowserTeam201904 blog component::applications/tor browser gitlab-tb-torbutton owner::tbb-team parent::33658 points::3 priority::high severity::normal sponsor::58-can status::new tbb-8.5 tbb-mobile tbb-parity tbb-torbutton type::defect user-feedback ux-team labels

Trac:
dialog-default-ani

Hi all! I worked on a v0 for our new circuit display UI/UX for Android users.

https://trac.torproject.org/projects/tor/attachment/ticket/25764/24309%20-%20tba.png https://trac.torproject.org/projects/tor/attachment/ticket/25764/dialog-default-ani.mov

I'm using a Dialog component in order to have a similar doorhanger behavior. https://material.io/guidelines/components/dialogs.html

If it is ok, I'll continue working on tablet sizes.

Trac:
Description: TBA work on parent ticket

Mobile Tablet - 7inch Tablet - 9 inch

to

TBA work on parent ticket

Trac:

Trac:

Trac:

We talked a little about possible differences btw. small devices and tablets. I attached some screenshots from Firefox 60 beta running on my (admittedly, old) 7" Android tablet.

Trac:
Cc: igt0, arthuredelstein to igt0, arthuredelstein, dmr

Tablet UI attached

https://trac.torproject.org/projects/tor/attachment/ticket/25764/24309%20-%20tba%20-%20tablets.png

Trac:

Mobile UI iteration based on last week comments

https://trac.torproject.org/projects/tor/attachment/ticket/25764/24309%20-%20tba.2.png

Trac:

Trac:
Cc: igt0, arthuredelstein, dmr to igt0, arthuredelstein

Trac:
Username: tseretni-rmd
Cc: igt0, arthuredelstein to igt0, arthuredelstein, tseretni-rmd

Trac:
Parent: #24309 (moved) to N/A

Trac:

#28580 (moved) is a duplicate.

Trac:
Sponsor: N/A to Sponsor8
Priority: Medium to High
Keywords: TorBrowserTeam201804 deleted, TorBrowserTeam201811, tbb-mobile added
Parent: N/A to #24855 (moved)

Trac:
Keywords: N/A deleted, tbb-torbutton added

Moving our tickets to December.

Trac:
Keywords: TorBrowserTeam201811 deleted, TorBrowserTeam201812 added