diff options
| author | soryu <soryu@soryu.co> | 2026-04-28 17:35:08 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-04-28 17:35:08 +0100 |
| commit | d513f93c84ae985738e0f696fcb72fa1153046ef (patch) | |
| tree | d169fa48ce93f1e204a80b60ca9295772bc2fa63 /frontend/src/components/document/DocumentLayout.css | |
| parent | 5aa3fafb4acfa89c7d04e84abf7861607733e8ce (diff) | |
| download | soryu-d513f93c84ae985738e0f696fcb72fa1153046ef.tar.gz soryu-d513f93c84ae985738e0f696fcb72fa1153046ef.zip | |
feat: document UI with contract blocks, expandable logs, and interaction controls (#97)
* feat: soryu-co/soryu - makima: Rename tasks to contracts in directive API and types
* feat: soryu-co/soryu - makima: Add contract interaction panel with comment and interrupt
* feat: soryu-co/soryu - makima: Build expandable contract log feed in StepsDiagram
* feat: soryu-co/soryu - makima: Rename tasks to contracts throughout document UI and add contract block support
* feat: soryu-co/soryu - makima: Add comment and interrupt controls to expanded step log feed
* feat: soryu-co/soryu - makima: Audit and fix Document UI feature flag visibility and missing implementations
* feat: soryu-co/soryu - makima: Add expandable step rows with live log feed in StepsDiagram
* WIP: heartbeat checkpoint
* feat: soryu-co/soryu - makima: Integrate all document UI components and final polish
Diffstat (limited to 'frontend/src/components/document/DocumentLayout.css')
| -rw-r--r-- | frontend/src/components/document/DocumentLayout.css | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/frontend/src/components/document/DocumentLayout.css b/frontend/src/components/document/DocumentLayout.css index b18bb81..ae73e7a 100644 --- a/frontend/src/components/document/DocumentLayout.css +++ b/frontend/src/components/document/DocumentLayout.css @@ -127,9 +127,13 @@ .document-content { flex: 1; overflow-y: auto; + overflow-x: hidden; display: flex; flex-direction: column; align-items: center; + scroll-behavior: smooth; + /* Ensure expanded log feeds don't break layout */ + min-height: 0; } /* Placeholder / empty state */ @@ -328,6 +332,18 @@ .file-tree-item-title { overflow: hidden; text-overflow: ellipsis; + flex: 1; +} + +.file-tree-step-count { + margin-left: auto; + font-size: 10px; + color: #666; + background: rgba(255, 255, 255, 0.06); + border-radius: 8px; + padding: 1px 6px; + flex-shrink: 0; + white-space: nowrap; } /* Responsive: mobile */ |