Improve help (#1516)

* Improve help

* Hint text and separation
This commit is contained in:
Tim Wilkinson 2024-09-16 18:11:53 -07:00 committed by GitHub
parent a90defe571
commit ef66a2ade3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 15 additions and 7 deletions

View File

@ -304,11 +304,13 @@ if (f) {
<button>+</button>
</div>
{% if (dhcp.mode === 0) { %}
{{_H("For specific ports (or port ranges) from the WAN or Mesh network to the LAN network. TCP, UDP or both kinds of
traffic may be included. When forwarding a port range, specify the range as <b>start-end</b>.")}}
{{_H("Forward specific ports, or port ranges, from the WAN or Mesh network to the LAN network. TCP, UDP or both kinds of
traffic may be included. When forwarding a port range, specify the range as <b>start-end</b>.
The top line of each entry describes where the traffic originates, the bottom line where it is destined.")}}
{% } else { %}
{{_H("For specific ports (or port ranges) from the WAN network to the LAN network. TCP, UDP or both kinds of
traffic may be included. When forwarding a port range, specify the range as <b>start-end</b>.")}}
{{_H("Forward specific ports, or port ranges, from the WAN network to the LAN network. TCP, UDP or both kinds of
traffic may be included. When forwarding a port range, specify the range as <b>start-end</b>.
The top line of each entry describes where the traffic originates, the bottom line where it is destined.")}}
{% } %}
<div class="cols port-forwards-label">
<div class="row">

View File

@ -36,13 +36,14 @@
<a title="Node status" href="status">
<div class="icon status {{request.page === "status"}}"></div>
</a>
<a title="See what is on the mesh" href="mesh">
<a title="See what is on the local mesh" href="mesh">
<div class="icon mesh {{request.page === "mesh"}}"></div>
</a>
<hr>
{%
const ip = (match(fs.readfile("/tmp/dnsmasq.d/supernode.conf"), /^#([0-9.]+)/) || [])[1];
if (ip) { %}
<a title="See what is on the whole AREDN mesh" href="http://{{ip}}/a/mesh">
<a title="See what is on the cloud mesh from a supernode" href="http://{{ip}}/a/mesh">
<div class="icon cloudmesh"></div>
</a>
{% } %}

View File

@ -1082,7 +1082,7 @@ label.switch
}
.tunnel:not(:last-child)
{
border-bottom: 1px solid #d0d0d0;
border-bottom: 1px solid var(--ctrl-modal-bg-tertiary-color);
}
.tunnel input[type="text"]
{

View File

@ -549,6 +549,11 @@ body.authenticated #local-and-neighbor-devices .status.ctrl:hover
transform: rotate(360deg);
}
}
#select hr
{
margin: -5px 10px;
border-color: var(--ctrl-modal-bg-tertiary-color);
}
#select .icon,
#select .icon:hover:active,
#login-icon .icon,