Tor Browser issueshttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues2022-04-13T00:22:42Zhttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40839[Connection Settings] Add "Copied!" state to Copy Bridge Address button2022-04-13T00:22:42Zdonuts[Connection Settings] Add "Copied!" state to Copy Bridge Address buttonThe "Copy Bridge Address" button could use a little feedback when pressed. Could we:
- Update the string to "Copied!"
- Change the color to Blue/Teal (depending on the theme)
- Return the button to its original state after ~1200ms
Like...The "Copy Bridge Address" button could use a little feedback when pressed. Could we:
- Update the string to "Copied!"
- Change the color to Blue/Teal (depending on the theme)
- Return the button to its original state after ~1200ms
Like so please?
![obsf4-bridge-card-copied](/uploads/dbab4e63aba5cd8ffe7d3bdb0a7a1f02/obsf4-bridge-card-copied.png)
I've thrown together a quick prototype to demonstrate the intended behavior too: [Figma link](https://www.figma.com/proto/Vsh1aPOZGneDX4Zp27mjsK/torconnect?page-id=1667%3A11813&node-id=1667%3A11815&viewport=241%2C48%2C0.44&scaling=min-zoom&starting-point-node-id=1667%3A12290)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40838[Connection Settings] Add kebab menu to bridge card with option to “Remove”2022-04-13T00:22:47Zdonuts[Connection Settings] Add kebab menu to bridge card with option to “Remove”Should the bridge card switch be repurposed in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40837 to switch between enabled/disabled states, please add a kebab menu as visualized in https://gitlab.torproject.org/tp...Should the bridge card switch be repurposed in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40837 to switch between enabled/disabled states, please add a kebab menu as visualized in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40782 containing the option to "Remove" the bridge entirely.
The exact UX should match addon the cards in `about:addons#extensions`.Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40837[Connection Settings] Add switch to "...current bridges" section to enable/di...2022-04-13T00:22:51Zdonuts[Connection Settings] Add switch to "...current bridges" section to enable/disable all bridgesIn the current build the bridge card switch effectively clears the configured bridge from the settings screen entirely.
Instead, could we use the switch to enable/disable the bridge without removing it – essentially leaving it in a sta...In the current build the bridge card switch effectively clears the configured bridge from the settings screen entirely.
Instead, could we use the switch to enable/disable the bridge without removing it – essentially leaving it in a state of being "off" but still readily available for future use? The disabled state should be set to 60% opacity and the preceding string appended with `(disabled)`, like so:
![connection-settings-bridge-disabled_2x](/uploads/aca5817664b9be85b3f6630e20113cd9/connection-settings-bridge-disabled_2x.png)
I've prototyped the intended functionality here too: [Figma link](https://www.figma.com/proto/Vsh1aPOZGneDX4Zp27mjsK/torconnect?page-id=1667%3A11813&node-id=1667%3A11815&viewport=241%2C48%2C0.34&scaling=min-zoom&starting-point-node-id=1667%3A12290)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40883[Connection Settings] Ask for confirmation before removing all bridges2022-05-17T10:33:21ZPier Angelo Vendrame[Connection Settings] Ask for confirmation before removing all bridgesFor #40861 we added a button to remove all the bridge lines at once.
However, users may confuse it with a "collapse bridge lines" again, and click it by mistake.
Therefore, we should ask whether they are sure they really want to delete...For #40861 we added a button to remove all the bridge lines at once.
However, users may confuse it with a "collapse bridge lines" again, and click it by mistake.
Therefore, we should ask whether they are sure they really want to delete all the bridges.Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40895[Connection Settings] Expand bridge automatically if connected (or it's the o...2022-05-17T10:34:12Zdonuts[Connection Settings] Expand bridge automatically if connected (or it's the only one)Would it be possible to automatically expand the bridge card in connection settings if it meets one of the following conditions?
- It's the one Tor Browser is currently connected to
- Or if it's the only bridge configuredWould it be possible to automatically expand the bridge card in connection settings if it meets one of the following conditions?
- It's the one Tor Browser is currently connected to
- Or if it's the only bridge configuredSponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40835[Connection Settings] Fix typo in Tor Network connected state2022-04-13T00:23:02Zdonuts[Connection Settings] Fix typo in Tor Network connected stateThe Tor Network connected state accidentally reads "Connnected" (with three Ns).
![connection-settings-tor-network-connected-typo](/uploads/472d406ad05c00e1073b2fa54bae02b2/connection-settings-tor-network-connected-typo.png)The Tor Network connected state accidentally reads "Connnected" (with three Ns).
![connection-settings-tor-network-connected-typo](/uploads/472d406ad05c00e1073b2fa54bae02b2/connection-settings-tor-network-connected-typo.png)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40861[Connection Settings] Rejig the UI to support multiple bridge lines2022-04-12T21:35:35Zdonuts[Connection Settings] Rejig the UI to support multiple bridge linesNow we have an accordion designed to support multiple bridge lines, Let's update the wip `about:preferences#connection` pane.
See https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40782#note_2789998 for mockups and not...Now we have an accordion designed to support multiple bridge lines, Let's update the wip `about:preferences#connection` pane.
See https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40782#note_2789998 for mockups and notes on intended behavior.
Here for the Figma file: [Figma link](https://www.figma.com/file/eL7fo8Fdy8cexelqoLP90e/about%3Apreferences%23connection?node-id=3%3A4221)
And the following links for slightly buggy prototypes:
- [Not connected accordion](https://www.figma.com/proto/eL7fo8Fdy8cexelqoLP90e/about%3Apreferences%23connection?page-id=3%3A4221&node-id=3%3A9406&viewport=289%2C48%2C0.32&scaling=min-zoom&starting-point-node-id=3%3A4349)
- [Connected accordion](https://www.figma.com/proto/eL7fo8Fdy8cexelqoLP90e/about%3Apreferences%23connection?page-id=3%3A4221&node-id=23%3A2923&viewport=289%2C48%2C0.32&scaling=min-zoom&starting-point-node-id=3%3A4349)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40841[Connection Settings] Remove the periods from the "Advanced" section strings2022-04-13T00:22:32Zdonuts[Connection Settings] Remove the periods from the "Advanced" section stringsPlease remove the periods from the following strings:
`Configure how Tor Browser connects to the internet.`
`View the Tor logs.`
So they appear like so instead:
`Configure how Tor Browser connects to the internet`
`View the Tor logs...Please remove the periods from the following strings:
`Configure how Tor Browser connects to the internet.`
`View the Tor logs.`
So they appear like so instead:
`Configure how Tor Browser connects to the internet`
`View the Tor logs`
(I don't know why I kept the periods in the mockups, but as far as I can tell this is more consistent with the rest of `about:preferences` and looks a little less awkward too)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40894[Connection Settings] Switch the bridge line text to grey-602022-05-17T10:34:03Zdonuts[Connection Settings] Switch the bridge line text to grey-60Could you lighten the bridge line text (e.g. "obfs4 185.82.202.15:443 07E3239A...") in both the collapsed and expanded states to grey-60 please?
I think it's slightly easier on the eye when there are a lot of bridge lines visible:
![co...Could you lighten the bridge line text (e.g. "obfs4 185.82.202.15:443 07E3239A...") in both the collapsed and expanded states to grey-60 please?
I think it's slightly easier on the eye when there are a lot of bridge lines visible:
![connected-builtin-obfs4-expanded_2x](/uploads/4bd69a890b2f8bd14f47b9409d6fe3d9/connected-builtin-obfs4-expanded_2x.png)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40840[Connection Settings] Update "Learn More" to "Learn more" (sentence case)2022-04-13T00:22:37Zdonuts[Connection Settings] Update "Learn More" to "Learn more" (sentence case)This string appears on the other settings screens as `Learn more` (in sentence case). Could we update the string we're using in Connection Settings to match please?This string appears on the other settings screens as `Learn more` (in sentence case). Could we update the string we're using in Connection Settings to match please?Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40844[Connection Settings] Update formatting of the bridge card's bridge-moji2022-04-13T00:22:21Zdonuts[Connection Settings] Update formatting of the bridge card's bridge-mojiI've been mulling over the bridge-moji and I'm starting to think it's probably too abstract as a concept, and runs the risk of causing more confusion than it alleviates. However we could still push it into Nightly & Alpha for feedback wi...I've been mulling over the bridge-moji and I'm starting to think it's probably too abstract as a concept, and runs the risk of causing more confusion than it alleviates. However we could still push it into Nightly & Alpha for feedback with some light design amends:
![connection-settings-bridge-configured_2x](/uploads/8b1b14613ddd5685394021aa696dd66b/connection-settings-bridge-configured_2x.png)
Changes include:
- Each emoji square is 36px with 4px rounded corners and a 4px margin between each
- The emoji themselves are 20px
- the "What's this?" link can be hidden/ignored until the tb-manual is updated.
I've started a new page in Figma for these changes here: [Figma link](https://www.figma.com/file/Vsh1aPOZGneDX4Zp27mjsK/torconnect?node-id=1667%3A11813)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40834[Connection Settings] Update Internet status to newer Proton network icon2022-07-21T09:02:54Zdonuts[Connection Settings] Update Internet status to newer Proton network iconIt looks like we're using the older Photon network icon instead of the newer proton variant next to "Internet" in the connection status section:
![connection-settings-internet-status](/uploads/267a635782d7fa1f29862f58766cdefc/connection...It looks like we're using the older Photon network icon instead of the newer proton variant next to "Internet" in the connection status section:
![connection-settings-internet-status](/uploads/267a635782d7fa1f29862f58766cdefc/connection-settings-internet-status.png)
Here's the right one, for ref:
- [network.svg](/uploads/25c8acaef931f3c9f7a1f23337212d71/network.svg)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40836[Connection Settings] Update string for Quickstart description2022-04-13T00:22:57Zdonuts[Connection Settings] Update string for Quickstart descriptionI rewrote Quickstart's description in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40782 to clarify its function. Could we update it to the following please?
> Quickstart connects Tor Browser to the Tor Network au...I rewrote Quickstart's description in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40782 to clarify its function. Could we update it to the following please?
> Quickstart connects Tor Browser to the Tor Network automatically when launched, based on your last used connection settings.Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40896[Connection Settings] Update strings for current bridges2022-05-17T10:47:13Zdonuts[Connection Settings] Update strings for current bridgesI added a new string below the "Your Current Bridges" heading to help explain what's going on when the user sees multiple bridgelines:
> `You can keep one or more bridges saved, and Tor will choose which one to use when you connect to t...I added a new string below the "Your Current Bridges" heading to help explain what's going on when the user sees multiple bridgelines:
> `You can keep one or more bridges saved, and Tor will choose which one to use when you connect to the Tor Network. If it fails, Tor will automatically switch to another.`
I think that's vaguely accurate – right?
I also shortened the string within the bridge card itself a little:
> `Share this bridge using the QR code or by copying its address:`
Here's how it looks in practice (although we should comment out the Learn mores within the Current Bridges section and bridge cards until the tb-manual is updated with destinations for them):
![connected-builtin-obfs4-collapsed_2x](/uploads/af5fdaf7d356eff424d61739619686f1/connected-builtin-obfs4-collapsed_2x.png)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40842[Connection Settings] Update the "Help" buttons in bridge/proxy modals2022-06-09T15:47:16Zdonuts[Connection Settings] Update the "Help" buttons in bridge/proxy modalsCould we update the "Help" buttons to the bottom-left of the bridge and proxy modals like so please:
- [x] Point the "Select a Built-In Bridge..." help button here: https://tb-manual.torproject.org/circumvention/
- [x] Point the "Reques...Could we update the "Help" buttons to the bottom-left of the bridge and proxy modals like so please:
- [x] Point the "Select a Built-In Bridge..." help button here: https://tb-manual.torproject.org/circumvention/
- [x] Point the "Request a Bridge..." and "Add a Bridge Manually..." help buttons here: https://tb-manual.torproject.org/bridges/
- [x] Hide the "Help" button from Advanced Connection Settings entirely.Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40833[Connection Settings] Update the H1 to “Connection” to reflect the change in ...2022-04-13T00:23:13Zdonuts[Connection Settings] Update the H1 to “Connection” to reflect the change in tab nameThe current build still says "Tor Settings":
![connection-settings-h1](/uploads/62de504ac06ced0b15608324cc8f2c35/connection-settings-h1.png)
However we should update the H1 to read "Connection" to complete the renaming proposed in http...The current build still says "Tor Settings":
![connection-settings-h1](/uploads/62de504ac06ced0b15608324cc8f2c35/connection-settings-h1.png)
However we should update the H1 to read "Connection" to complete the renaming proposed in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40568 and match the designs in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40782.
On a related note: should we update the URI to `about:preferences#connection` too? Or are we afraid that will break a lot of things?Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40893[Connection Settings] Use a lighter background for bridge-moji2022-05-17T10:33:56Zdonuts[Connection Settings] Use a lighter background for bridge-mojiSome of the emoji are a little hard to see in 11.5a9, could we change the grey used behind them to grey-90 at 5% opacity please?
It should look like so:
![connected-builtin-obfs4-collapsed_2x](/uploads/af5fdaf7d356eff424d61739619686f1/...Some of the emoji are a little hard to see in 11.5a9, could we change the grey used behind them to grey-90 at 5% opacity please?
It should look like so:
![connected-builtin-obfs4-collapsed_2x](/uploads/af5fdaf7d356eff424d61739619686f1/connected-builtin-obfs4-collapsed_2x.png)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40888[torconnect] Add initial "Connect to Tor" tab to breadcrumb2022-05-17T10:36:54Zdonuts[torconnect] Add initial "Connect to Tor" tab to breadcrumbIn the latest iteration of Connection Assist's design in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40781#note_2794457, I added Connect to Tor as the first tab in the breadcrumb sequence. This is to help facilita...In the latest iteration of Connection Assist's design in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40781#note_2794457, I added Connect to Tor as the first tab in the breadcrumb sequence. This is to help facilitate backwards navigation after a failed attempt at a regular connection, and is intended as a more permanent solution to simply renaming the "Connect" button to "Try Again" in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40874:
![torconnect-assist-connect_2x](/uploads/7ba1b5e571968fae4c0a1878229a0ea8/torconnect-assist-connect_2x.png)
Notes:
- After the first attempt fails, users should still be forwarded to Connection Assist – i.e. the second tab in the sequence.
- Connect to Tor should also remain breadcrumbless by default as per the designs in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40780, unless Connection Assist has been fired up in response to a connection error.
- Once users are able to navigate back to Connect to Tor using the breadcrumb, the Connect/Try Again button may be removed from the Connection Assist tab.
The intended UX can be demo'd using this prototype too: [Figma prototype](https://www.figma.com/proto/Vsh1aPOZGneDX4Zp27mjsK/torconnect?page-id=1667%3A11813&node-id=1767%3A10994&viewport=289%2C48%2C0.56&scaling=min-zoom&starting-point-node-id=1767%3A10994)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendramehttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40891[torconnect] Add Internet connection error when network isn't reachable2022-05-23T09:03:08Zdonuts[torconnect] Add Internet connection error when network isn't reachableIn the user flows ([about-torconnect-user-flows.png](https://gitlab.torproject.org/tpo/applications/tor-browser/uploads/6b1b319577d1593d3b1678fa6786a1a4/about-torconnect-user-flows.png)) and following the conversation in https://gitlab.t...In the user flows ([about-torconnect-user-flows.png](https://gitlab.torproject.org/tpo/applications/tor-browser/uploads/6b1b319577d1593d3b1678fa6786a1a4/about-torconnect-user-flows.png)) and following the conversation in https://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40781#note_2772219, we decided that users who fail to connect to Tor and can't reach moat either should get redirected to an Internet connection error instead:
![torconnect-assist-internet_2x](/uploads/706193ce030d83cb51070b593827a11c/torconnect-assist-internet_2x.png)
I think it would be useful to explain that the user should check for network/proxy issues and try again, before attempting to config a bridge? I could use some help with the wording though please.Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & Tibetrichardrichardhttps://gitlab.torproject.org/tpo/applications/tor-browser/-/issues/40876[torconnect] Add optgroups to country selector2022-07-26T21:21:20Zdonuts[torconnect] Add optgroups to country selectorCould we add a couple of optgroups to the country selector please, to help (vaguely) explain why certain countries are placed outside the full alphabetical list? e.g.:
![country-list-new](/uploads/dfcd21b3e61fa661e25bbdb60b1d70ca/countr...Could we add a couple of optgroups to the country selector please, to help (vaguely) explain why certain countries are placed outside the full alphabetical list? e.g.:
![country-list-new](/uploads/dfcd21b3e61fa661e25bbdb60b1d70ca/country-list-new.png)
Instead of popular, we could do "Frequently selected locations" if you prefer (I've gone with popular above since it's shorter).
Please ignore the fact the full list only includes South American countries here, it's just to demonstrate the idea :)Sponsor 96: Rapid Expansion of Access to the Uncensored Internet through Tor in China, Hong Kong, & TibetPier Angelo VendramePier Angelo Vendrame