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> <button>+</button>
</div> </div>
{% if (dhcp.mode === 0) { %} {% 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 {{_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>.")}} 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 { %} {% } else { %}
{{_H("For specific ports (or port ranges) from the WAN network to the LAN network. TCP, UDP or both kinds of {{_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>.")}} 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="cols port-forwards-label">
<div class="row"> <div class="row">

View File

@ -36,13 +36,14 @@
<a title="Node status" href="status"> <a title="Node status" href="status">
<div class="icon status {{request.page === "status"}}"></div> <div class="icon status {{request.page === "status"}}"></div>
</a> </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> <div class="icon mesh {{request.page === "mesh"}}"></div>
</a> </a>
<hr>
{% {%
const ip = (match(fs.readfile("/tmp/dnsmasq.d/supernode.conf"), /^#([0-9.]+)/) || [])[1]; const ip = (match(fs.readfile("/tmp/dnsmasq.d/supernode.conf"), /^#([0-9.]+)/) || [])[1];
if (ip) { %} 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> <div class="icon cloudmesh"></div>
</a> </a>
{% } %} {% } %}

View File

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

View File

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