mirror of
https://github.com/logseq/logseq.git
synced 2026-05-23 12:14:06 +00:00
1d1a131e1f
- Banner redesign: scope · descriptor (Default · Letters, circle), whole row
expands the customize panel, decorative chevron rotates, 12px medium typography
matching Linear/Notion metadata patterns
- Compact-state avatar matches sidebar's .page-icon (20×20, 10px / 500),
avatar-fallback class added so the existing sidebar CSS rule activates
- Class-default-icon inheritance flows to the page-title (was reading the
tag's own page icon instead of :logseq.property.class/default-icon)
- Emoji as a third :fallback-type alongside :letters and :icon; humanizer
drives the chip label and banner copy ("Briefcase filled", "White check mark")
- Fallback's "Icon…" opens as a Radix sub-menu (matching content.cljs's
"Add reaction" pattern), with All/Icons/Emojis tabs, no redundant color or
delete buttons, and a synchronous focus handoff in onOpenAutoFocus so the
search input is ready to type the moment the sub-menu opens
- Live preview broadcasts wrapped avatars to :ui/icon-hover-preview so both
the page-title trigger and the band's tile mirror the hovered fallback
- Fixed cb-rail-wrap collapse via explicit height transition (grid 0fr was
bleeding ~30px); chip ellipsis logic now lets long icon names ("Align box
bottom left filled") fit without wrapping the structural label
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Logseq UI
Logseq UI components based on shadcn UI.
Development
🎨 Add a new component
It is recommended to install through CLI mode.
npx shadcn-ui@latest add button
🦄 Play with Storybook
- Watch shui cljs stories from root scripts.
yarn run cljs:watch-storybook
# cljs:watch-stories: "clojure -M:cljs watch stories-dev"
- Set up storybook from the current working directory.
yarn run watch:storybook
Credits
License
MIT