Coder Social home page Coder Social logo

Comments (12)

Sjors avatar Sjors commented on July 26, 2024 3

It might make sense to show no icon at all if there's no Tor connection.

When we do show an icon, I suggest only showing that when the connection is actually secure:

  1. all outbound connections go through Tor; and
  2. inbound connections are disabled, or are through Tor

In particular, there's not much privacy benefit in connecting to some nodes via Tor and some nodes via plain internet.

This approach makes the "connecting" icon unnecessary, because we already have an indicator for connectivity in general.

from gui.

jonatack avatar jonatack commented on July 26, 2024

Concept ACK

from gui.

jonatack avatar jonatack commented on July 26, 2024

Nice!

from gui.

michaelfolkson avatar michaelfolkson commented on July 26, 2024

I like the minimalism, I think that is important for Core. The "Not connected" icon and "connected" icons are clear. Maybe the "connecting" icon could be fainter. Similar to the "Not connected icon" but without the cross.

from gui.

maflcko avatar maflcko commented on July 26, 2024

Why not pick the icons that look good even when scaled down (non high-DPI displays)?

Tor made an effort and recently changed those: https://trac.torproject.org/projects/tor/ticket/25702

Screenshot from 2020-08-21 07-16-37
Screenshot from 2020-08-21 07-15-19

from gui.

Bosch-0 avatar Bosch-0 commented on July 26, 2024

Why not pick the icons that look good even when scaled down (non high-DPI displays)?

SVG will look fine when scaled down or up

from gui.

maflcko avatar maflcko commented on July 26, 2024

When rendering an SVG, there will always be a limit until it can no longer be scaled down and still be distinguished from a blurry blob. Generally, the less detail an SVG has, the less pixels are needed to still represent the details.

from gui.

Bosch-0 avatar Bosch-0 commented on July 26, 2024

I'll look at what Tor has done, can always have different icon sizes in the repo - the ones I uploaded in my PR are 128 x 128 same as the other icons use in the bottom menu.

from gui.

hebasto avatar hebasto commented on July 26, 2024

Should we distinguish "node has a Tor network connection" and "node has only Tor network connection"?
The former could lead an unexperienced user to a false sense of privacy.

Also "listening to Tor" (inbound connections) and "connecting to Tor" (outbound connections) are controlled by different options, and it means there are 4 different states of the node. I think Tor icons should cope them all, no?

from gui.

Bosch-0 avatar Bosch-0 commented on July 26, 2024

New designs using only one icon based on feedback. If the icon is clicked the user should be re-directed to the 'Network' tab in settings -> options.

image

Tor tooltip.
2020-09-09_20-07-35

If the user is connecting through a Tor proxy (and not a IPv4 or IPv4 one) should the proxy 'P' icon in the bottom right be shown still? Based on my understanding I think not but am not sure if they have separate technical reasons for showing both.

Figma source files for icon
Figma source files for designs

from gui.

hebasto avatar hebasto commented on July 26, 2024

@Bosch-0 @Sjors Please review bitcoin/bitcoin#19926

from gui.

hebasto avatar hebasto commented on July 26, 2024

@Bosch-0 @Sjors Please review bitcoin/bitcoin#19926

The PR has been moved into this repo: #86.

from gui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.