MrBlake/mrb-netbox-topology-views
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: sort topology devices without rendering rack elevations

Browse Source
This commit is contained in:
MrBlake
2026-07-28 14:32:34 +02:00
parent 1de5ed0565
commit bb0693bef7
5 changed files with 11 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
netbox_topology_views/static/netbox_topology_views/css/rack_elevation.css
+2 -41
View File
@@ -63,42 +63,10 @@ html[data-netbox-color-mode="dark"] .rack-device {
display: flex;
flex-direction: column;
gap: .75rem;
width: 30rem;
width: 15rem;
}
.rack-topology-column.is-external { width: 15rem; }
.rack-topology-column h4 { text-align: center; font-size: .85rem; }
.rack-topology-rack-body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .5rem;
height: calc(var(--rack-units) * 22px);
min-height: 280px;
margin-top: 1rem;
}
.rack-topology-lane {
position: relative;
border: 3px solid #718096;
background: repeating-linear-gradient(to top, rgba(56, 73, 89, .14) 0, rgba(56, 73, 89, .14) 1px, transparent 1px, transparent calc(100% / var(--rack-units)));
}
.rack-topology-lane-label {
position: absolute;
top: -1.4rem;
left: 0;
right: 0;
text-align: center;
font-size: .65rem;
text-transform: uppercase;
}
.rack-topology-external-body { display: flex; flex-direction: column; gap: .75rem; }
.rack-topology-lane .rack-topology-node {
position: absolute;
left: 3px;
right: 3px;
min-height: 18px;
padding: 2px 6px;
overflow: hidden;
box-sizing: border-box;
}
.rack-topology-device-list { display: flex; flex-direction: column; gap: .75rem; }
.rack-topology-node {
display: block;
padding: .55rem .75rem;
@@ -163,10 +131,3 @@ html[data-netbox-color-mode="dark"] .rack-device {
border-top: 1px solid var(--tblr-border-color, #ced4da);
}
.rack-topology-tooltip small { opacity: .65; }
html[data-bs-theme="dark"] .rack-topology-lane,
body[data-bs-theme="dark"] .rack-topology-lane,
html[data-netbox-color-mode="dark"] .rack-topology-lane {
border-color: #3b4654;
background-color: #212b36;
background-image: repeating-linear-gradient(to top, rgba(200, 215, 230, .12) 0, rgba(200, 215, 230, .12) 1px, transparent 1px, transparent calc(100% / var(--rack-units)));
}