diff --git a/KNOWLEDGE.md b/KNOWLEDGE.md index 45400c5..d346637 100644 --- a/KNOWLEDGE.md +++ b/KNOWLEDGE.md @@ -23,6 +23,16 @@ - **Решение:** для приглушённого текста брать компонент `` из `@create-figma-plugin/ui`, а не проп `muted` у ``. - **Ссылка:** src/ui.tsx +### Кнопка-иконка рядом с другими IconButton — бери РОДНУЮ иконку, не инлайн-SVG +- **Симптом:** иконка копирования рядом с кнопкой развернуть выглядит «другого размера»/тоньше, хотя `viewBox` один (`24×24`). +- **Причина:** `IconButton` из `@create-figma-plugin/ui` оборачивает иконку в `
` (`position:absolute`, БЕЗ задания размера) — размер берётся целиком из самой SVG. Родные иконки сета (`IconExpand24`, `IconCheck24`, `IconCopySmall24` и т.п.) — **залитые** (`fill="currentColor"`). Моя инлайн-SVG была **контурной** (`stroke`, `fill="none"`, `stroke-width=2`) — на том же `24×24` viewBox контурные lucide-иконки визуально кажутся меньше и легче, чем залитые соседки. Отсюда ощущение «разные размеры». +- **Правило (как делать правильно):** + 1. Рядом с `IconButton` НИКОГДА не ставить текстовую `