diff --git a/netbox/dcim/tables/template_code.py b/netbox/dcim/tables/template_code.py index fa22dd5c0..65a30ac61 100644 --- a/netbox/dcim/tables/template_code.py +++ b/netbox/dcim/tables/template_code.py @@ -41,9 +41,19 @@ DEVICEBAY_STATUS = """ """ INTERFACE_IPADDRESSES = """ -{% for ip in record.ip_addresses.all %} - {{ ip }}
-{% endfor %} +
+ {% for ip in record.ip_addresses.all %} + + {{ ip }} + + {% endfor %} +
""" INTERFACE_TAGGED_VLANS = """ diff --git a/netbox/project-static/dist/netbox-dark.css b/netbox/project-static/dist/netbox-dark.css index 749b9bd48..0d06bf3e7 100644 Binary files a/netbox/project-static/dist/netbox-dark.css and b/netbox/project-static/dist/netbox-dark.css differ diff --git a/netbox/project-static/dist/netbox-light.css b/netbox/project-static/dist/netbox-light.css index 947e9932d..a5ffc8a33 100644 Binary files a/netbox/project-static/dist/netbox-light.css and b/netbox/project-static/dist/netbox-light.css differ diff --git a/netbox/project-static/dist/netbox-print.css b/netbox/project-static/dist/netbox-print.css index 793edcd2c..9ed8db851 100644 Binary files a/netbox/project-static/dist/netbox-print.css and b/netbox/project-static/dist/netbox-print.css differ diff --git a/netbox/project-static/styles/netbox.scss b/netbox/project-static/styles/netbox.scss index a2a108e7e..95d45b02b 100644 --- a/netbox/project-static/styles/netbox.scss +++ b/netbox/project-static/styles/netbox.scss @@ -797,6 +797,24 @@ table tbody { } } +// Style objects with statuses/roles within a table. As of implementation, used for IP addresses +// assigned to interfaces. +table .table-badge-group { + font-family: $font-family-monospace; + + .table-badge { + display: block; + width: min-content; + // Apply badge padding so that IP addresses *not* within a badge appear aligned with IP + // addresses that *are* within a badge. + padding: $badge-padding-y $badge-padding-x; + margin-top: map.get($spacers, 1); + margin-bottom: map.get($spacers, 1); + font-size: $font-size-xs; + font-weight: $font-weight-base; + } +} + pre.change-data { padding-right: 0; padding-left: 0;