Page MenuHomePhabricator

Message: CSS-only icon is cut off
Closed, DuplicatePublicBUG REPORT

Assigned To
None
Authored By
AnneT
Jul 7 2025, 1:49 PM
Referenced Files
F63357198: Screenshot 2025-07-07 at 08.59.54.png
Jul 7 2025, 2:22 PM
F63357197: Screenshot 2025-07-07 at 08.59.48.png
Jul 7 2025, 2:22 PM
F63353835: image.png
Jul 7 2025, 1:49 PM
F63353564: Screenshot 2025-07-07 at 9.21.40 AM.png
Jul 7 2025, 1:49 PM
F63353562: Screenshot 2025-07-07 at 9.21.46 AM.png
Jul 7 2025, 1:49 PM

Description

Steps to replicate the issue (include links if applicable):

What happens?:

The info icon is cut off because it's too narrow to show the entire mask image. Note that the mask-size is 20px and the width is 16.55px.

Screenshot 2025-07-07 at 9.21.46 AM.png (228×628 px, 24 KB)

Screenshot 2025-07-07 at 9.21.40 AM.png (772×1 px, 129 KB)

What should have happened instead?:

The entire icon should display. The icon span's width and the mask-size should be the same (20px):

image.png (238×602 px, 25 KB)

Software version: Codex 2.2.0

The styles in the browser look like this:

mask-size: max( calc( var( --font-size-medium, 1rem ) + 4px ), 10px );
width: calc( var( --font-size-medium, 1rem ) + 4px );

On the Codex site, --font-size-medium is set so that value gets used. On the auth site, that variable is not set, so the fallback gets used. That may or may not be related to the difference in calculation.

Event Timeline

The amount that the icon is cut off seems to depend on context. Not sure if this is a surprise or not, but thought it worth mentioning.

Here's uselang=en and uselang=de compared.

Screenshot 2025-07-07 at 08.59.48.png (738×884 px, 94 KB) Screenshot 2025-07-07 at 08.59.54.png (738×884 px, 102 KB)

Ref T353005.

The amount that the icon is cut off seems to depend on context. Not sure if this is a surprise or not, but thought it worth mentioning.

Here's uselang=en and uselang=de compared.

Screenshot 2025-07-07 at 08.59.48.png (738×884 px, 94 KB) Screenshot 2025-07-07 at 08.59.54.png (738×884 px, 102 KB)

Ref T353005.

it's due to the length of the text. see my task on this topic, T398621 :3