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

rj45 inverse

Browse Source
This commit is contained in:
Adrien MALINGREY 2025-04-01 08:50:38 +02:00
parent 0e23934b4e
commit 06ce10d919
3 changed files with 41 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
rj45-inverse.svg Normal file
View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="20"
height="20"
viewBox="0 0 5.2916665 5.2916666"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer1"><path
id="rect1"
style="fill:#2c3e50;fill-opacity:1;stroke-width:0.070003"
d="M 5.2916667,5.2916667 V 0 H 0 V 5.2916667 Z M 3.053471,5.0955058 H 2.1270226 c -0.1791197,0 -0.3233547,-0.1786164 -0.3233547,-0.4004672 V 4.6089016 H 0.6662988 c -0.2740052,0 -0.4168283,-0.1937524 -0.4152798,-0.5331205 L 0.2646994,1.077648 C 0.2662479,0.73827953 0.405974,0.5447123 0.6799792,0.5447123 h 3.9317083 c 0.2740052,0 0.4169649,0.19356723 0.4154164,0.5329357 l -0.01368,2.9981332 C 5.0118745,4.4151493 4.8720123,4.6089017 4.5980071,4.6089017 H 3.3768255 v 0.086137 c 0,0.2218508 -0.1442347,0.4004672 -0.3233545,0.4004671 z" /></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1009 B

2
rj45.svg
View File

@ -14,4 +14,4 @@
id="layer1"><path
id="rect1"
style="fill:#2c3e50;fill-opacity:1;stroke-width:0.070003"
d="M 0,0 V 5.2916667 H 5.2916667 V 0 Z m 2.2245153,0.26456284 h 0.9264484 c 0.1791197,0 0.3233547,0.17861648 0.3233547,0.40046728 v 0.0861369 h 1.1373691 c 0.2740052,0 0.4152798,0.19374878 0.4152798,0.53312048 v 2.9297312 c 0,0.339372 -0.1412746,0.5329357 -0.4152798,0.5329357 H 0.67997917 c -0.27400514,0 -0.41541633,-0.1935637 -0.41541633,-0.5329357 V 1.2842875 c 0,-0.3393717 0.14141119,-0.53312052 0.41541633,-0.53312052 H 1.9011608 v -0.0861369 c 0,-0.2218508 0.1442347,-0.40046728 0.3233545,-0.40046724 z" /></g></svg>
d="M 0,0 V 5.2916667 H 5.2916667 V 0 Z m 2.2381957,0.19616086 h 0.9264484 c 0.1791197,0 0.3233547,0.17861648 0.3233547,0.40046728 v 0.0861369 h 1.1373691 c 0.2740052,0 0.4168283,0.19375231 0.4152798,0.53312046 l -0.01368,2.9981332 C 5.0254188,4.5533872 4.8856927,4.7469544 4.6116875,4.7469544 H 0.67997917 c -0.27400514,0 -0.41696486,-0.1935672 -0.41541633,-0.5329357 L 0.27824324,1.2158855 C 0.27979176,0.87651735 0.41965443,0.682765 0.69365957,0.682765 H 1.9148412 V 0.5966281 c 0,-0.2218508 0.1442347,-0.40046724 0.3233545,-0.40046724 z" /></g></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 984 B

After

Width:  |  Height:  |  Size: 1013 B

23
style.css
View File

@ -155,6 +155,11 @@ td {
padding-top: 0.2em;
}
.member tr:nth-child(even) .interface {
background-image: url(rj45-inverse.svg);
padding-top: 0;
}
.interface:hover {
background-color: #ddd;
}
@ -197,6 +202,15 @@ td {
);
}
.member tr:nth-child(even) .hybrid {
background-image: url(rj45-inverse.svg),
linear-gradient(
135deg,
hsl(calc(var(--k) * var(--tagged)) 97% 65%) 50%,
hsl(calc(var(--k) * var(--untagged)) 97% 65%) 50%
);
}
.hybrid:hover {
background-image: url(rj45.svg),
linear-gradient(
@ -206,6 +220,15 @@ td {
);
}
.member tr:nth-child(even) .hybrid:hover {
background-image: url(rj45-inverse.svg),
linear-gradient(
135deg,
hsl(calc(var(--k) * var(--tagged)) 65% 75%) 50%,
hsl(calc(var(--k) * var(--untagged)) 65% 75%) 50%
);
}
.shutdown:not([class*="loopback-detection action shutdown"]) {
background-color: lightgray;
color: gray !important;