mirror of
https://github.com/logseq/logseq.git
synced 2026-05-29 23:19:38 +00:00
Implement Base UI's CSS-positioned arrow technique for tooltips with continuous border around arrow and body. This replaces Radix's built-in arrow positioning which caused visible shift after animations. Key changes: - Add BorderedArrowSvg component with filled paths (not strokes) for resilient animation rendering - Add showArrow prop to TooltipContent for opt-in bordered arrows - CSS positioning based on data-side attribute for all 4 directions - Update icon picker web image tooltips to use new arrow Co-Authored-By: Claude Opus 4.5 <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