diff --git a/frontend/app/block/block.tsx b/frontend/app/block/block.tsx index 02e8997c..8e512197 100644 --- a/frontend/app/block/block.tsx +++ b/frontend/app/block/block.tsx @@ -185,6 +185,7 @@ const BlockFull = React.memo(({ nodeModel, viewModel }: FullBlockProps) => { }, [blockRef, contentRef]); const blockContentStyle = React.useMemo(() => { + console.log("blockContentStyle", disablePointerEvents, innerRect); const retVal: React.CSSProperties = { pointerEvents: disablePointerEvents ? "none" : undefined, }; diff --git a/frontend/layout/lib/layoutModel.ts b/frontend/layout/lib/layoutModel.ts index 08a97395..640cbb77 100644 --- a/frontend/layout/lib/layoutModel.ts +++ b/frontend/layout/lib/layoutModel.ts @@ -288,12 +288,10 @@ export class LayoutModel { * @param contents Contains callbacks provided by the TileLayout component. */ registerTileLayout(contents: TileLayoutContents) { - console.log("registerTileLayout", contents); this.renderContent = contents.renderContent; this.renderPreview = contents.renderPreview; this.onNodeDelete = contents.onNodeDelete; if (contents.gapSizePx !== undefined) { - console.log("setting gapSizePx", contents.gapSizePx); this.setter(this.gapSizePx, contents.gapSizePx); } } @@ -756,10 +754,11 @@ export class LayoutModel { innerRect: atom((get) => { const addlProps = get(addlPropsAtom); const numLeafs = get(this.numLeafs); + const gapSizePx = get(this.gapSizePx); if (numLeafs > 1 && addlProps?.rect) { return { - width: `${addlProps.transform.width} - ${this.gapSizePx}px`, - height: `${addlProps.transform.height} - ${this.gapSizePx}px`, + width: `${addlProps.transform.width} - ${gapSizePx}px`, + height: `${addlProps.transform.height} - ${gapSizePx}px`, } as CSSProperties; } else { return null;