ClipSpacesClipSpaces Docs
Back to app

All releases

Custom tool icons & card selection

Added

  • Card selection. Clicking a card on the canvas now selects it (React Flow elementsSelectable was off), drawing an accent bounding box with square corner handles around the card — shapes and frames show their resize handles instead. Shift-click multi-select works too; clicking the canvas clears the selection. New shared SelectionRing in components/Canvas.tsx.

Changed

  • Toolbar icons. Select, Sticky, and Image now use the full-color artwork from app/custom_icons/, inlined as React components in components/ToolIcons.tsx (IDs namespaced per icon so gradients/clips don't collide). The other tools keep their Phosphor glyphs. All toolbar icons are larger: 26px for the custom artwork, 22px for the Phosphor glyphs.
  • Active tool styling. The active toolbar button now uses the same subtle elevated-gray fill as hover instead of the solid dark accent pill.

Fixed

  • Shapes flyout dismissal. Clicking outside the shapes/diagram picker now closes it. The old position: fixed click-catcher was silently confined to the toolbar (its transform + backdrop-filter make it the containing block for fixed descendants); replaced with a document-level pointer-down listener.