feat(KB-113): fix spec editor layout in task detail modal

- Add CSS for spec tab layout with proper overflow handling
- Update TaskDetailModal spec tab wrapper class for correct styling
- Add changeset for the layout fix
- Remove stale executor tests and unused transition logic
This commit is contained in:
gsxdsm
2026-03-30 07:43:37 -07:00
parent 2de1f8c419
commit 054c9eab39
3 changed files with 24 additions and 7 deletions

View File

@@ -476,7 +476,7 @@ export function TaskDetailModal({
onClose={() => setActiveTab("definition")}
/>
) : activeTab === "spec" ? (
<div className="detail-section">
<div className="detail-section detail-section--spec">
<SpecEditor
content={task.prompt || ""}
onSave={handleSaveSpec}

View File

@@ -1301,6 +1301,24 @@ body {
.detail-section {
margin-top: 16px;
}
/* Spec tab layout - allows SpecEditor to fill available vertical space */
.detail-section--spec {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
margin-top: 0;
}
/* Mobile responsive for spec tab */
@media (max-width: 768px) {
.detail-section--spec {
flex: 1;
min-height: 0;
}
}
.detail-section h4 {
font-size: 12px;
text-transform: uppercase;