adrien/tableau-vlans
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

hybrid return

Browse Source
This commit is contained in:
Adrien MALINGREY 2025-04-15 11:17:54 +02:00
parent 93b7498b75
commit 5c625b0ec2
2 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
show.php
View File

@ -98,10 +98,10 @@ echo ("-->");*/
<td class='interface trunk'></td> <td class='interface trunk'></td>
<td colspan='2'>Trunk</td> <td colspan='2'>Trunk</td>
</tr> </tr>
<!--<tr> <tr>
<td class='interface hybrid' style='--tagged:60; --untagged:0'></td> <td class='interface hybrid' style='--tagged:60; --untagged:0'></td>
<td colspan='2'>Hybride (tagged/untagged)</td> <td colspan='2'>Hybride (PVID / tagged)</td>
</tr>--> </tr>
<tr> <tr>
<td class='interface poe'></td> <td class='interface poe'></td>
<td colspan='2'>Power on Ethernet</td> <td colspan='2'>Power on Ethernet</td>

20
style.css
View File

@ -145,6 +145,9 @@ main {
border-image-repeat: stretch; border-image-repeat: stretch;
background-color: white; background-color: white;
print-color-adjust: exact; print-color-adjust: exact;
background-size: cover;
background-position: center;
background-origin: border-box;
} }
.member tr:nth-child(even) .interface { .member tr:nth-child(even) .interface {
@ -180,23 +183,16 @@ main {
blue, blue,
violet violet
); );
background-size: cover;
background-position: center;
background-origin: border-box;
} }
/*.hybrid { .hybrid {
--tagged: 0; --tagged: 0;
--untagged: var(--pvid);
background-image: linear-gradient( background-image: linear-gradient(
135deg, 145deg,
hsl(calc(var(--hue) * var(--tagged)) var(--saturation) var(--lightness)) 60%, transparent 60%,
hsl(calc(var(--hue) * var(--untagged)) var(--saturation) var(--lightness)) 60% hsl(calc(var(--hue) * var(--tagged)) var(--saturation) var(--lightness)) 60%
); );
background-size: cover; }
background-position: center;
background-origin: border-box;
}*/
.shutdown:not([class*="loopback-detection action shutdown"]) { .shutdown:not([class*="loopback-detection action shutdown"]) {
background-color: lightgray; background-color: lightgray;