fafo/jeol-t330a
11
0
Fork 0
Code Issues 5 Pull requests 2 Actions Packages Projects Releases Wiki Activity

succd: Only show voltage on hover
All checks were successful
/ test (push) Successful in 10s
Details
/ test (pull_request) Successful in 10s
Details

Browse source 
Another HP HMI thing: "Only show information that is immediately
relevant".  Let's hide the pirani voltage as it is mostly no longer
interesting to the user.  For situations where it is, it can be revealed
by hovering over the pirani pressure value.
This commit is contained in:
Rahix 2024-10-05 02:28:25 +02:00
parent 314dd72aa6
commit e4fa961ef0
1 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
succbone/succd/index.html
View file

@ -70,6 +70,13 @@ td > span {
row-gap: 2em; row-gap: 2em;
} }
.has-hidden .hidden-text {
display: none;
}
.has-hidden:hover .hidden-text {
display: block;
@media only screen and (max-width: 700px) { @media only screen and (max-width: 700px) {
body { body {
font-size: 6px; font-size: 6px;
@ -115,13 +122,13 @@ td > span {
<table> <table>
<tr> <tr>
<th rowspan="2">Pirani Gauge</th> <th>Pirani Pressure</th>
<th>Voltage</th> <td class="has-hidden">
<td id="volts">{{ .Pirani.Volts }}</td> <div id="mbar">{{ .Pirani.Mbar }}</div>
</tr> <div class="hidden-text" style="color: #606060;">
<tr> <span>Voltage: </span><span id="volts">{{ .Pirani.Volts }}</span>
<th>Pressure</th> </div>
<td id="mbar">{{ .Pirani.Mbar }}</td> </td>
</tr> </tr>
</table> </table>