Skip to content

feat(icons): Add Blank icon for invisible spacer#1107

Open
rattletat wants to merge 1 commit into
vicinaehq:mainfrom
rattletat:feat/add-blank-icon
Open

feat(icons): Add Blank icon for invisible spacer#1107
rattletat wants to merge 1 commit into
vicinaehq:mainfrom
rattletat:feat/add-blank-icon

Conversation

@rattletat
Copy link
Copy Markdown

@rattletat rattletat commented Feb 20, 2026

Adds Icon.Blank — a transparent SVG that reserves icon space in list items without rendering anything visible.

Use case: When a List has a mix of items with and without icons, items without icons have their text shifted left, breaking alignment. Icon.Blank acts as an invisible spacer to keep text aligned.

Changes:

  • src/server/icons/blank.svg — transparent 32x32 SVG
  • src/typescript/api/src/api/icon.ts — enum entry

Add Icon.Blank — a transparent SVG that reserves icon space in list
items without rendering anything visible. Useful for aligning text
in lists where only some items have icons.
@aurelleb
Copy link
Copy Markdown
Contributor

I'm not a fan of this solution, I think it would be preferable to handle this case explicitly in the API (by treating a null icon differently than an undefined icon for instance).
you can still use this trick in your extensions by bundling a blank asset if you want though.

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.

2 participants