Opened 4 weeks ago

Closed 4 weeks ago

#27301 closed defect (fixed)

TB8.0a10 about:tor UI Bugs

Reported by: antonela Owned by: tbb-team
Priority: Medium Milestone:
Component: Applications/Tor Browser Version:
Severity: Normal Keywords: ux-team, TorBrowserTeam201808R
Cc: Actual Points:
Parent ID: Points:
Reviewer: Sponsor:

Description

I collected some interface related bugs and detailed them here. Please, break up this ticket as you need it.


about:tor


Can we have "Tor Browser" at the URL Bar on violet instead of orange? Tor Violet is #7D4698
Can we remove firefox's icon there?
https://trac.torproject.org/projects/tor/ticket/18058


https://share.riseup.net/#u89ubutjh7zrgaSz_ZZbFg
we need a dynamic margin for the #bottom div. I suggest changing aboutTor.css line 122
#bottom { margin-top: 170px;
#bottom { margin-top: 10%;


Check out Tor Browser Manual link should open in a new tab


SVGs / pixeled .png on retina displays - Are we going to support .svg in about:tor on stable? [Depends on what is easier. We think using the @2/@3 .pngs might be the easier route. GeKo]
https://trac.torproject.org/projects/tor/ticket/27002


Can we repeat the onions on the x-axis?
https://share.riseup.net/#F0UdZF1QI9CtMbLxTgW35g


Onboarding


The title of the card needs margin:
.onboarding-tour-description > h1 {margin: 16px 0;}


https://share.riseup.net/#CjGBhXPC7qgxKwwyh4Zljw
We really want green ticks' background that matches with illos green. How can we do it? is it css? Does Anto need to provide assets? FYI the green is #00DDB3


The scrollbars - Can we reduce margins or make them % to the windows in order to make them disappear?

Child Tickets

Change History (3)

comment:1 Changed 4 weeks ago by mcs

Summary: TB8.0a10 UI BugsTB8.0a10 about:tor UI Bugs

I created #27348 for the onboarding issues. Let's keep this ticket for the about:tor UI bugs. The branding issue applies to more than just about:tor, but it already has its own ticket: #18058.

comment:2 Changed 4 weeks ago by mcs

Keywords: TorBrowserTeam201808R added; TorBrowserTeam201808 removed
Status: newneeds_review

Here is a patch that address some of the about:tor issues:
https://gitweb.torproject.org/user/brade/torbutton.git/commit/?h=bug27301-01&id=3bf17f3f9ca7fd40ed13d40f628384d38ba71368

It turns out that we cannot use higher resolution PNGs at this time because of #27357. We should fix that ticket or #27002 soon.

Also, the onion circles located near the bottom of the page are not added dynamically; we just have a fixed number of them. Previously there were 14 in each row; now we have 20 in the top row and 21 in the bottom row. This should make it much less likely that users will see onion-less space on the sides of the page (it will still happen if they have a very large display).

Last edited 4 weeks ago by mcs (previous) (diff)

comment:3 Changed 4 weeks ago by gk

Resolution: fixed
Status: needs_reviewclosed

Looks good, merged (commit 3bf17f3f9ca7fd40ed13d40f628384d38ba71368).

Note: See TracTickets for help on using tickets.