Skip to content

fix(brand): let the app icon span its square edge to edge - #1110

Merged
pascalandr merged 1 commit into
devfrom
fix/icon-no-margin
Oct 23, 2026
Merged

pascalandr merged 1 commit into
devfrom
fix/icon-no-margin

Conversation

@pascalandr

Copy link
Copy Markdown
Contributor

Summary

The app icon looked smaller than its neighbours in the Windows taskbar: the square source SVG kept an empty ~4 % margin on each side, so the 24 px icon drew the CN in 22 x 12 px on a transparent background.

  • images/CodeNomad-Icon.svg is cropped to a square centred on the mark, touching the left and right edges (height stays about half: the CN is twice as wide as tall).
  • Master PNG, in-app copy, Electron/Tauri .ico/.icns/.png and Linux sizes regenerated: 24 px now 24 x 14 px, 32 px now 32 x 18 px.
  • In-app logos use the same PNG, so their heights shrink by the same ratio to keep the approved on-screen sizes (5.55rem, 4.44rem narrow, 7.4rem loading); dev-docs/UI_CONVENTIONS.md updated.

Validation

  • Regenerated icon.png loses no opaque pixel of the master; the mark spans columns 0-1023.
  • Measured bounding boxes in the 16/24/32/48 px .ico entries before and after.
  • npm run typecheck --workspace @codenomad/ui.

The application icon looked smaller than its neighbours in the Windows
taskbar: the square source SVG kept an empty margin of about 4 % on each
side, so the 24 px icon drew the CN in 22 x 12 px. The background is
transparent, so the margin only shrank the mark.

images/CodeNomad-Icon.svg is now cropped to a 510.4-unit square centred
on the mark, which touches the left and right edges; its height still
fills about half the square because the CN is twice as wide as it is
tall. The 1024 px master, the in-app copy, the Electron and Tauri
.ico/.icns/.png icons and the Linux sizes are regenerated from it: the
24 px Windows icon now draws the CN in 24 x 14 px, the 32 px one in
32 x 18 px.

The in-app logos use the same PNG, so their heights shrink by the same
ratio to keep the sizes already approved on screen: 5.55rem beside a
text-3xl title, 4.44rem in the narrow session column and 7.4rem on the
loading screen. dev-docs/UI_CONVENTIONS.md records the new values.

The regenerated icon.png loses no opaque pixel of the master (pixel
comparison of the two 1024 px images), and the mark spans columns 0 to
1023. The UI typecheck passes.
@pascalandr

Copy link
Copy Markdown
Contributor Author

zero findings — no evidenced P0–P3 problems in 979028267 against 019203e31.

  • SVG padded-render and raster alpha/bounds comparisons found no clipping. Rounded PNG preserves every master alpha pixel; all 9 ICO images and 10 ICNS images, including legacy masks, match unrounded-master resizes. All six Linux PNG sizes retain the mark.
  • Master/UI PNGs are byte-identical; Electron/Tauri PNG, ICO and ICNS pairs are byte-identical.
  • Checked desktop bundle paths, PWA/favicons, notification badges, help/README references and every CodeNomad-Icon consumer. Generated PWA maskable artwork stays inside its safe circle. No stale size/margin assumptions or affected help instructions found.
  • Real-component browser measurements confirm 88.797 px standard/home logos, 71.031 px narrow logos and 118.391 px loading artwork. Compensation preserves the previous mark scale within 0.039% (under 0.05 px).
  • UI typecheck passed; all 14 browser tests passed across notification-icon-badge, session-interrupt/folder-home and macos-titlebar. Additional temporary real-component dimension assertions passed.

Worktree remains unchanged.

@pascalandr
pascalandr merged commit 5b69a52 into dev Oct 23, 2026
15 of 16 checks passed
@pascalandr
pascalandr deleted the fix/icon-no-margin branch October 23, 2026 01:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant