Improved Automatic Mode and Options UX #277
Conversation
lidel
added
kind/enhancement
Node status panel now uses CSS flexbox, which produces the same look under Firefox and Chrome.
- flex-based layout that looks okay under both Firefox and Chrome
- added normalization of the list of public gateways
- duplicate spaces, semicolons and commas are replaced with new line
when displayed in GUI (one host per line)
- when stored as a property, line endings are replaced with single space
This should address UX concerns raised in #274 Text is hardcoded for now, we will move it to locale files in separate PR.
|
I've added a quick description for every option on the Preferences screen and made it look kinda decent under both Firefox and Chrome. Please let me know if something sounds odd or could be replaced with better label/description. |
add-on/src/options/options.html
Outdated
| <label for="publicGateways"> | ||
| <dl> | ||
| <dt>Public Gateways</dt> | ||
| <dd>list of hostnames known for exposing IPFS resources under <code>/ipfs/</code> path</dd> |
There was a problem hiding this comment.
Recommend rewording:
<dd>List of hostnames known to expose IPFS under <code>/ipfs/</code></dd>
add-on/src/options/options.html
Outdated
| <label for="ipfsApiPollMs"> | ||
| <dl> | ||
| <dt>Status Poll Interval</dt> | ||
| <dd>how often peer count is refreshed (in miliseconds)</dd> |
There was a problem hiding this comment.
from AndyS2:
Time interval after which peer count is refreshed (in milliseconds)
There was a problem hiding this comment.
I believe "How often peer count is refreshed" is fine, use simpler words whenever it makes sense.
add-on/src/options/options.html
Outdated
| <label for="customGatewayUrl"> | ||
| <dl> | ||
| <dt>Custom Gateway</dt> | ||
| <dd>URL address of preferred HTTP2IPFS Gateway</dd> |
There was a problem hiding this comment.
from AndyS2:
dunno if 'URL address' is correct. it's either URL or web address
There was a problem hiding this comment.
Agreed with Andy, it should probably be "URL"
add-on/src/options/options.html
Outdated
| <label for="publicGateways"> | ||
| <dl> | ||
| <dt>Public Gateways</dt> | ||
| <dd>list of hostnames known for exposing IPFS resources under <code>/ipfs/</code> path</dd> |
There was a problem hiding this comment.
from AndyS2 (cake was provided via IRC):
starting everything small looks a bit weird. How about 'A list of hostnames ...' and changing everything like that?
lidel
changed the title
| @@ -1,5 +1,4 @@ | |||
| <html> | |||
|
|
|||
| <!DOCTYPE html> | |||
There was a problem hiding this comment.
Adding a doctype is good, but now the <html> tag was removed! (And github doesn't escape < html > in review comments... Oops)
There was a problem hiding this comment.
I think its plain only in review comments.
Syntax is highlighted correctly when full file is displayed.
ps. 🍰
add-on/src/options/options.html
Outdated
| <label for="ipfsApiPollMs"> | ||
| <dl> | ||
| <dt>Status Poll Interval</dt> | ||
| <dd>how often peer count is refreshed (in miliseconds)</dd> |
There was a problem hiding this comment.
I believe "How often peer count is refreshed" is fine, use simpler words whenever it makes sense.
add-on/src/options/options.html
Outdated
| <label for="customGatewayUrl"> | ||
| <dl> | ||
| <dt>Custom Gateway</dt> | ||
| <dd>URL address of preferred HTTP2IPFS Gateway</dd> |
There was a problem hiding this comment.
Agreed with Andy, it should probably be "URL"
add-on/src/options/options.html
Outdated
| <label for="useCustomGateway"> | ||
| <dl> | ||
| <dt>Use Custom Gateway</dt> | ||
| <dd>replace requests to <em>Public</em> gateway with <em>Custom</em> one</dd> |
There was a problem hiding this comment.
"Redirect requests made to Public gateways to the Custom gateway"
| @@ -1,5 +1,4 @@ | |||
| <html> | |||
|
|
|||
| <!DOCTYPE html> | |||
|
Big thanks and 🍰 for everyone! |
Automatic Mode will toggle redirect only when API state changes between online/offline.