Opened 6 months ago

Last modified 6 months ago

#18924 new bug

WebPositive font rendering/layout broken for TrueNAS dashboard

Reported by: grexe Owned by: pulkomandy
Priority: normal Milestone: Unscheduled
Component: Kits/Web Kit Version: R1/beta4
Keywords: Cc:
Blocked By: Blocking:
Platform: All

Description

On my fresh install of TrueNAS SCALE 24.04, the web interface is not displayed correctly in latest WebPositive in hrev57800 (see attached screenshot).

The font is rendered way too big, which breaks layout and makes the site unreadable. Also zooming in/out does not fix this, the layout is consistently broken.

Attachments (1)

truenas-font-layout-bug.png (129.3 KB ) - added by grexe 6 months ago.
TrueNAS site rendered in latest WebPositive

Download all attachments as: .zip

Change History (3)

by grexe, 6 months ago

Attachment: truenas-font-layout-bug.png added

TrueNAS site rendered in latest WebPositive

comment:1 by nephele, 6 months ago

This is rendered somewhat correctly. Unfortunately your website uses a font ligature -> custom font glyph hack.

These are used for icon font replacememts. The font size rendered is correct, the problem is that the „fallback text“ hack obviously does not fit into the space of a single icon.

comment:2 by nephele, 6 months ago

Component: Applications/WebPositiveKits/Web Kit
Note: See TracTickets for help on using tickets.