diff --git a/README.md b/README.md index beaaeea..89d8530 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,8 @@ Rückseite und Verkabelung. - Rackübergreifende und externe Kabelverbindungen erkennen - Geräte in der Kabeltopologie frei verschieben - Geräte in der Kabeltopologie innerhalb jedes Racks nach ihrer Rackposition sortieren +- Kabeltopologie in den Browser-Vollbildmodus schalten +- WLAN-Verbindungen als violette, gestrichelte Funkstrecken darstellen - Manuelle Positionen pro Rack-Auswahl im Browser speichern - Verbindungen eines Geräts beim Hover weiß hervorheben - Alle verbundenen Ports und Gegenstellen eines Geräts anzeigen diff --git a/netbox_topology_views/static/netbox_topology_views/css/rack_elevation.css b/netbox_topology_views/static/netbox_topology_views/css/rack_elevation.css index 160cf20..6d88487 100644 --- a/netbox_topology_views/static/netbox_topology_views/css/rack_elevation.css +++ b/netbox_topology_views/static/netbox_topology_views/css/rack_elevation.css @@ -66,7 +66,7 @@ html[data-netbox-color-mode="dark"] .rack-device { width: 15rem; } .rack-topology-column h4 { text-align: center; font-size: .85rem; } -.rack-topology-device-list { display: flex; flex-direction: column; gap: .75rem; } +.rack-topology-device-list { display: flex; flex-direction: column; gap: 14px; } .rack-topology-node { display: block; padding: .55rem .75rem; @@ -106,6 +106,18 @@ html[data-netbox-color-mode="dark"] .rack-device { filter: drop-shadow(0 0 5px #fff); } .rack-topology-edge.is-dimmed { opacity: .12; } +.rack-topology-edge.is-wireless { + stroke-dasharray: 7 7; + stroke-linecap: round; +} +#rack-topology-card:fullscreen { + margin: 0 !important; + border: 0; + border-radius: 0; + background: var(--tblr-bg-surface, #fff); +} +#rack-topology-card:fullscreen .card-body { min-height: 0; flex: 1; } +#rack-topology-card:fullscreen .rack-topology { height: calc(100vh - 5.5rem); } .rack-topology-tooltip { display: none; position: absolute; diff --git a/netbox_topology_views/static_dev/css/app.scss b/netbox_topology_views/static_dev/css/app.scss index b0f12f2..cc7d3c2 100644 --- a/netbox_topology_views/static_dev/css/app.scss +++ b/netbox_topology_views/static_dev/css/app.scss @@ -76,7 +76,11 @@ html[data-netbox-color-mode=dark] #visgraph { background-color: #fff; } -.rack-topology-device-list { display: flex; flex-direction: column; gap: .75rem; } +.rack-topology-device-list { display: flex; flex-direction: column; gap: 14px; } +.rack-topology-edge.is-wireless { stroke-dasharray: 7 7; stroke-linecap: round; } +#rack-topology-card:fullscreen { margin: 0 !important; border: 0; border-radius: 0; background: var(--tblr-bg-surface, #fff); } +#rack-topology-card:fullscreen .card-body { min-height: 0; flex: 1; } +#rack-topology-card:fullscreen .rack-topology { height: calc(100vh - 5.5rem); } html[data-bs-theme="dark"], body[data-bs-theme="dark"], html[data-netbox-color-mode="dark"] { .rack-frame { border-color: #3b4654; background-color: #212b36; } diff --git a/netbox_topology_views/templates/netbox_topology_views/rack_elevation.html b/netbox_topology_views/templates/netbox_topology_views/rack_elevation.html index 18f253b..3cb9e98 100644 --- a/netbox_topology_views/templates/netbox_topology_views/rack_elevation.html +++ b/netbox_topology_views/templates/netbox_topology_views/rack_elevation.html @@ -82,7 +82,7 @@ {% endfor %} -