Opened 2 years ago

Closed 2 years 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:


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


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?
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]

Can we repeat the onions on the x-axis?


The title of the card needs margin:
.onboarding-tour-description > h1 {margin: 16px 0;}
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 2 years 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 2 years ago by mcs

Keywords: TorBrowserTeam201808R added; TorBrowserTeam201808 removed
Status: newneeds_review

Here is a patch that address some of the about:tor issues:

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 2 years ago by mcs (previous) (diff)

comment:3 Changed 2 years ago by gk

Resolution: fixed
Status: needs_reviewclosed

Looks good, merged (commit 3bf17f3f9ca7fd40ed13d40f628384d38ba71368).

Note: See TracTickets for help on using tickets.