Opened 11 months ago

Last modified 11 months ago

#28544 assigned defect

about:tor onion along the bottom have inconsistent widths

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

Description

See attached image. I looked into this briefly in the debugger a week or two back and the underlying causes is that the whole and half solid-fill onions do not have a css border or it's not taken into account when calculating widths

Child Tickets

Attachments (1)

about_tor_onions.png (53.1 KB) - added by pospeselr 11 months ago.

Download all attachments as: .zip

Change History (4)

Changed 11 months ago by pospeselr

Attachment: about_tor_onions.png added

comment:1 Changed 11 months ago by gk

Keywords: tbb-torbutton added

comment:2 Changed 11 months ago by mcs

Cc: antonela added

If I remember correctly, the CSS came from Antonela. It is probably not too difficult to make all of the sizes consistent. We just need to decide who will fix it.

comment:3 Changed 11 months ago by antonela

Hey, yes i made it with css and the playground lives here
https://onion-circles.glitch.me/

I used css border property to do it and maybe if we switch to css outline we don't affect the size of the container.

I found something here
https://developer.mozilla.org/en-US/docs/Web/CSS/border#Borders_vs._outlines

Note: See TracTickets for help on using tickets.