diff options
| author | David Hill <[email protected]> | 2026-02-17 15:13:48 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-17 15:16:07 +0000 |
| commit | 1d78100f63e81b7c945c8eda2ce0e42a9986fad2 (patch) | |
| tree | 653d3f3826cf0dec01054195a5798b5d930939e9 /packages/ui/src/components/message-part.css | |
| parent | 57a5d5fd342b6451384d7549b00189b6891116bf (diff) | |
| download | opencode-1d78100f63e81b7c945c8eda2ce0e42a9986fad2.tar.gz opencode-1d78100f63e81b7c945c8eda2ce0e42a9986fad2.zip | |
tweak(ui): allow full-width user message meta
Moves the user message meta row out of the bubble width constraints and truncates long metadata while keeping the timestamp visible with consistent middot spacing.
Diffstat (limited to 'packages/ui/src/components/message-part.css')
| -rw-r--r-- | packages/ui/src/components/message-part.css | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css index 5b0a3cc17..ede7f5c90 100644 --- a/packages/ui/src/components/message-part.css +++ b/packages/ui/src/components/message-part.css @@ -120,6 +120,7 @@ align-items: center; justify-content: flex-end; gap: 10px; + width: 100%; opacity: 0; pointer-events: none; transition: opacity 0.15s ease; @@ -134,6 +135,27 @@ [data-slot="user-message-meta"] { user-select: none; text-align: right; + flex: 1 1 auto; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + [data-slot="user-message-meta-wrap"] { + flex: 1 1 auto; + min-width: 0; + display: flex; + align-items: center; + justify-content: flex-end; + overflow: hidden; + } + + [data-slot="user-message-meta-tail"] { + user-select: none; + flex: 0 0 auto; + white-space: nowrap; + text-align: right; } [data-slot="user-message-copy-wrapper"][data-interrupted] { |