@the-portland-company/canvas-editor 0.4.1 → 0.4.2

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.4.2 — tray fits the canvas column
+
+- The tile strip shrinks and scrolls horizontally so the Side | Center toggle,
+  labels, undo/redo and × never clip outside the canvas column.
+
 ## 0.4.1 — tray always on screen
 
 - The block tray is fixed to the viewport over the canvas column (live-measured

package/dist/canvas.css

@@ -189,7 +189,7 @@
 .ce-tray {
   pointer-events: auto;
   display: flex; align-items: center; gap: 1rem;
-  width: fit-content; max-width: 100%;
+  width: fit-content; max-width: 100%; min-width: 0;
   padding: 9px 10px 4px;
   background: var(--color-surface);
   border: 1px solid var(--color-border);
@@ -199,12 +199,17 @@
 
 .dark .ce-tray { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5); }
 
+/* min-width:0 lets the strip shrink and scroll so the controls after it
+   (Side | Center, labels, undo/redo, ×) stay inside the canvas column. */
 .ce-tray-tiles {
   display: flex; align-items: stretch; gap: 0.5rem;
+  flex: 0 1 auto; min-width: 0;
   overflow-x: auto; padding-bottom: 0.25rem;
   scrollbar-width: thin;
 }
 
+.ce-tray-tiles > .ce-tile { flex: 0 0 auto; }
+
 .ce-tile {
   display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem;
   min-width: 2.75rem; height: 2.75rem; padding: 0.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@the-portland-company/canvas-editor",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Shared VRM canvas editor substrate — block/layout document model, block registry, HTML-email renderer, and the drag-and-drop editor surface for Politogy VRM apps. Framework-agnostic: styling via brand CSS vars, data/persistence/media injected by the app through a CanvasHostAdapter (the package never imports Supabase or Next).",
   "license": "UNLICENSED",
   "private": false,