[tbb-bugs] #25693 [Applications/Tor Browser]: Activity 1.2: Make sure Firefox Photon UI works with our style guidelines

[Tor Bug Tracker & Wiki]

#25693: Activity 1.2: Make sure Firefox Photon UI works with our style guidelines
-------------------------------------------------+-------------------------
 Reporter:  isabela                              |          Owner:
                                                 |  antonela
     Type:  defect                               |         Status:
                                                 |  assigned
 Priority:  Very High                            |      Milestone:
Component:  Applications/Tor Browser             |        Version:
 Severity:  Normal                               |     Resolution:
 Keywords:  ux-team, TorBrowserTeam201806,       |  Actual Points:
  ff60-esr                                       |
Parent ID:                                       |         Points:
 Reviewer:                                       |        Sponsor:
                                                 |  Sponsor17
-------------------------------------------------+-------------------------

Comment (by antonela):

 We just briefly discussed how other icons should be placed at the top nav
 during Rome Dev Meeting. I didn't forget the reload icon; we have by FF60
 default a bunch of other icons, and I didn't want to make noise discussing
 other topics at this ticket.

 But, since you mentioned it, maybe now is a good time to talk about them.
 I made two mocks, A and B.

 https://trac.torproject.org/projects/tor/attachment/ticket/25693/TBB8-UI.png

 A moves all the menu icons to the right side, leaving the left side for
 browsing control icons. B keeps the Tor Button at the left side, while the
 security indicator and the hamburger menu keeps at the right side.

 What do you think?

 Replying to [comment:9 cypherpunks]:
 > Replying to [comment:7 antonela]:
 > > Is a great ticket! Thanks! We could keep the URL Bar centered and
 flexible, with a minimum width of 550px. It has room for a long
 certificate name and a V3.
 >
 > It's not just about the cert but also about subdomains and room for the
 rest. Here's my example test (using the default flexible space, the
 "compact" density, and placing HTTPS Everywhere near the menu in place of
 the SecuritySlider in your design, all using Menu>Customize): [By the way
 you forgot to add the reload button in the design ;-]

--
Ticket URL: <https://trac.torproject.org/projects/tor/ticket/25693#comment:10>
Tor Bug Tracker & Wiki <https://trac.torproject.org/>
The Tor Project: anonymity online