feat(FN-4121): complete Step 5 — style org chart layout toggle toolbar

Fusion-Task-Id: FN-4121
Fusion-Task-Lineage: aa8b8ab7-c250-4ce5-b42e-7b7a2ba920b1
This commit is contained in:
Fusion
2026-05-13 01:24:23 -07:00
committed by gsxdsm
parent 72bb0e54ae
commit 402e0abc4a

View File

@@ -863,6 +863,22 @@
display: none;
}
.agent-org-chart-toolbar {
display: flex;
justify-content: flex-end;
}
.agent-org-chart-layout-toggle {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
padding: var(--space-xs);
border: 1px solid var(--border);
border-radius: var(--radius-md);
background: var(--surface);
box-shadow: var(--shadow-sm);
}
.agent-org-chart-controls__zoom-label {
min-width: calc(var(--space-2xl) * 2);
font-family: var(--font-mono);
@@ -1239,14 +1255,27 @@
.agent-org-chart-controls {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--space-sm);
}
.agent-org-chart-controls .agent-org-chart-layout-toggle {
order: 1;
}
.agent-org-chart-controls__zoom-label {
order: 2;
}
.agent-org-chart-controls .btn-icon,
.agent-org-chart-controls .agent-org-chart-controls__fit-btn {
min-height: calc(var(--space-lg) * 2 + var(--space-xs));
}
.agent-org-chart-controls .agent-org-chart-controls__fit-btn {
margin-left: 0;
}
.agent-org-chart-viewport {
min-height: calc(var(--space-2xl) * 4);
flex: 1;