NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-24 17:38:37 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

#6881: Improve device IP address styles

Browse Source
This commit is contained in:
Matt 2021-08-20 08:06:41 -07:00
parent 9e1d2da449
commit 9d469874c0
4 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
netbox/project-static/dist/netbox-dark.css vendored
View File

Binary file not shown.

BIN
netbox/project-static/dist/netbox-light.css vendored
View File

Binary file not shown.

BIN
netbox/project-static/dist/netbox-print.css vendored
View File

Binary file not shown.

19
netbox/project-static/styles/netbox.scss
View File

@ -806,18 +806,21 @@ table tbody {
// Style objects with statuses/roles within a table. As of implementation, used for IP addresses // Style objects with statuses/roles within a table. As of implementation, used for IP addresses
// assigned to interfaces. // assigned to interfaces.
table .table-badge-group { table .table-badge-group {
font-family: $font-family-monospace;
.table-badge { .table-badge {
display: block; display: block;
width: min-content; width: min-content;
// Apply badge padding so that IP addresses *not* within a badge appear aligned with IP font-size: $font-size-sm;
// 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; font-weight: $font-weight-base;
&:not(.badge) {
// Apply badge horizontal padding so that IP addresses *not* within a badge appear aligned
// with IP addresses that *are* within a badge.
padding: 0 $badge-padding-x;
}
&.badge:not(:last-of-type):not(:only-child) {
margin-bottom: map.get($spacers, 2);
}
} }
} }