Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Weird font style when doing name that contains "<number>x<number>" #16083

Open
Mailstorm-ctrl opened this issue May 10, 2024 · 3 comments
Open
Labels
severity: low Does not significantly disrupt application functionality, or a workaround is available status: needs owner This issue is tentatively accepted pending a volunteer committed to its implementation topic: UI/UX User interface or user experience related work type: bug A confirmed report of unexpected behavior in the application

Comments

@Mailstorm-ctrl
Copy link

Deployment Type

Self-hosted

NetBox Version

v4.0.1

Python Version

3.10

Steps to Reproduce

  1. Make a device (or anything really) and put something similar to 0x3 or 0x2 in the name.

Expected Behavior

A normal looking x in the name

Observed Behavior

A weird style of font on the x.
image
image

@Mailstorm-ctrl Mailstorm-ctrl added status: needs triage This issue is awaiting triage by a maintainer type: bug A confirmed report of unexpected behavior in the application labels May 10, 2024
@bitcollector1
Copy link

I saw the same thing on my serial numbers now that you mention it, nice find.

@arthanson
Copy link
Collaborator

arthanson commented May 10, 2024

Looks like from the font-family, interpreting it as a hex code. Didn't even realize that was a thing. I'm not sure, but I think possibly the only way to change this is to change the font that is being used. clicking off the font in the browser developer panel makes it display normally.

@sleepinggenius2
Copy link
Contributor

sleepinggenius2 commented May 10, 2024

What you're encountering is font ligatures. You have font-feature-settings: "liga" 0; under the body style in the stylesheet, but it looks like that isn't working as expected. If you also add font-variant-ligatures: none;, that seems to resolve the issue. That might cause other issues in some languages though, so it might be safer to just use font-variant-ligatures: no-contextual; instead.

@jeremystretch jeremystretch added status: needs owner This issue is tentatively accepted pending a volunteer committed to its implementation topic: UI/UX User interface or user experience related work severity: low Does not significantly disrupt application functionality, or a workaround is available and removed status: needs triage This issue is awaiting triage by a maintainer labels May 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
severity: low Does not significantly disrupt application functionality, or a workaround is available status: needs owner This issue is tentatively accepted pending a volunteer committed to its implementation topic: UI/UX User interface or user experience related work type: bug A confirmed report of unexpected behavior in the application
Projects
None yet
Development

No branches or pull requests

6 participants