jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-10-29 05:21:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(desktop): reframe selected project task

Browse Source 
Signed-off-by: cynfria <yescynthia@gmail.com>
This commit is contained in:
cynfria
2026-08-26 17:57:36 -07:00
parent b11f17c47b
commit 5d43330874
2 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
prototypes/project-cube-orbit/app/buzz-project-prototype.tsx
View File

@@ -964,6 +964,20 @@ export function BuzzProjectPrototype() {
setActiveTab(tab);
};
const selectTask = (selection: SelectedTask) => {
const pan = canvasPanRef.current;
pan.pointerId = -1;
pan.originX = 0;
pan.originY = 0;
pan.x = 0;
pan.y = 0;
projectWorldRef.current?.style.setProperty(
"transform",
"translate3d(0px, 0px, 0)",
);
setSelectedTask(selection);
};
const beginCanvasPan = (event: ReactPointerEvent<HTMLElement>) => {
if (selectedTask) return;
const target = event.target as Element;
@@ -1026,9 +1040,9 @@ export function BuzzProjectPrototype() {
className="project-world"
style={{ transform: `translate3d(${canvasPanRef.current.x}px, ${canvasPanRef.current.y}px, 0)` }}
>
<ProjectOrbit projectKey="berd" displayName="Berd" className="orbit-primary" imageUrls={PRIMARY_IMAGE_URLS} state={PRIMARY_PROJECT_STATE} tasks={PRIMARY_TASKS} selectedTask={selectedTask} onSelectTask={setSelectedTask} />
<ProjectOrbit projectKey="goose" displayName="Goose" className="orbit-secondary" imageUrls={SECONDARY_IMAGE_URLS} state={SECONDARY_PROJECT_STATE} tasks={SECONDARY_TASKS} selectedTask={selectedTask} onSelectTask={setSelectedTask} />
<ProjectOrbit projectKey="buzz" displayName="Buzz" className="orbit-tertiary" imageUrls={TERTIARY_IMAGE_URLS} state={TERTIARY_PROJECT_STATE} tasks={TERTIARY_TASKS} selectedTask={selectedTask} onSelectTask={setSelectedTask} />
<ProjectOrbit projectKey="berd" displayName="Berd" className="orbit-primary" imageUrls={PRIMARY_IMAGE_URLS} state={PRIMARY_PROJECT_STATE} tasks={PRIMARY_TASKS} selectedTask={selectedTask} onSelectTask={selectTask} />
<ProjectOrbit projectKey="goose" displayName="Goose" className="orbit-secondary" imageUrls={SECONDARY_IMAGE_URLS} state={SECONDARY_PROJECT_STATE} tasks={SECONDARY_TASKS} selectedTask={selectedTask} onSelectTask={selectTask} />
<ProjectOrbit projectKey="buzz" displayName="Buzz" className="orbit-tertiary" imageUrls={TERTIARY_IMAGE_URLS} state={TERTIARY_PROJECT_STATE} tasks={TERTIARY_TASKS} selectedTask={selectedTask} onSelectTask={selectTask} />
</div>
{selectedTask ? <TaskDetailPanel selection={selectedTask} onClose={() => setSelectedTask(null)} /> : null}
</section>

3
prototypes/project-cube-orbit/app/globals.css
View File

@@ -37,7 +37,8 @@ body { background: #e6f2f5; color: var(--ink); font-family: Inter, ui-sans-serif
.project-stage { position: relative; min-height: 100svh; overflow: hidden; touch-action: none; user-select: none; cursor: grab; }
.project-stage.is-panning { cursor: grabbing; }
.project-world { position: absolute; inset: 0; transform: translate3d(0,0,0); will-change: transform; }
.project-world { position: absolute; inset: 0; transform: translate3d(0,0,0); transition: transform 520ms cubic-bezier(.22,1,.36,1); will-change: transform; }
.project-stage.is-panning .project-world { transition: none; }
.orbit-system {
--orbit-scale: 1;
--focus-x: 0px;