Inconsistent font type and size of device serial number #5313

Closed
opened 2025-12-29 19:26:32 +01:00 by adam · 4 comments
Owner

Originally created by @luhaijiao on GitHub (Sep 3, 2021).

Originally assigned to: @jeremystretch on GitHub.

NetBox version

v3.0.0

Python version

3.7

Steps to Reproduce

  1. click any device details
  2. Note the serial number of deivce has smaller and different font

image

Expected Behavior

consistent font type and size for devie details

Observed Behavior

inconsistent font type and size

Originally created by @luhaijiao on GitHub (Sep 3, 2021). Originally assigned to: @jeremystretch on GitHub. ### NetBox version v3.0.0 ### Python version 3.7 ### Steps to Reproduce 1. click any device details 2. Note the serial number of deivce has smaller and different font ![image](https://user-images.githubusercontent.com/19298674/132027112-e6d2a0a1-5147-4ae6-a1ab-8cc8d2844936.png) ### Expected Behavior consistent font type and size for devie details ### Observed Behavior inconsistent font type and size
adam added the status: acceptedtype: feature labels 2025-12-29 19:26:32 +01:00
adam closed this issue 2025-12-29 19:26:32 +01:00
Author
Owner

@thatmattlove commented on GitHub (Sep 3, 2021):

The serial number was intentionally rendered as a monospace font for better readability of similar characters. For example: O0, lI, S5 — O0 lI S5. I see no reason to change this, unless anyone else wants to chime in.

@thatmattlove commented on GitHub (Sep 3, 2021): The serial number was intentionally rendered as a monospace font for better readability of similar characters. For example: O0, lI, S5 — `O0` `lI` `S5`. I see no reason to change this, unless anyone else wants to chime in.
Author
Owner

@DanSheps commented on GitHub (Sep 3, 2021):

Serial Number uses <code>

Looks like the following is set for code:

font-family: var(--bs-font-monospace);

whereas span/other elements has

font-family: var(--bs-font-sans-serif);

I just saw Matt replied. Going to mark this as "feature" and under review. If no one else chimes in, we will probably close it.

@DanSheps commented on GitHub (Sep 3, 2021): Serial Number uses `<code>` Looks like the following is set for code: ``` font-family: var(--bs-font-monospace); ``` whereas span/other elements has ``` font-family: var(--bs-font-sans-serif); ``` I just saw Matt replied. Going to mark this as "feature" and under review. If no one else chimes in, we will probably close it.
Author
Owner

@jeremystretch commented on GitHub (Sep 3, 2021):

I personally would prefer to keep the field consistent with the others (e.g. use a sans-serif font).

@jeremystretch commented on GitHub (Sep 3, 2021): I personally would prefer to keep the field consistent with the others (e.g. use a sans-serif font).
Author
Owner

@jeremystretch commented on GitHub (Sep 9, 2021):

Changing <code> to class="font-monospace" on the parent element preserves the monospace effect without altering the font size.

@jeremystretch commented on GitHub (Sep 9, 2021): Changing `<code>` to `class="font-monospace"` on the parent element preserves the monospace effect without altering the font size.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#5313