design(chat): rearrange file previews in combined message - #19005
design(chat): rearrange file previews in combined message#19005Antreesy wants to merge 3 commits into
Conversation
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
This comment was marked as resolved.
7c80ca6 to
13ff9f0
Compare
This comment was marked as resolved.
This comment was marked as resolved.
- make a two-line layout (name / extension + size) - increase mime-icon size to 32px Assisted-by: ClaudeCode:claude-sonnet-5
13ff9f0 to
da786b1
Compare
Assisted-by: ClaudeCode:claude-sonnet-5 Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
- allow to navigate left-right in the Viewer within a combined file message Assisted-by: ClaudeCode:claude-sonnet-5 Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
da786b1 to
8e885ee
Compare
| <FilePreview | ||
| v-for="key in otherKeys" | ||
| :key="key" | ||
| rowLayout |
There was a problem hiding this comment.
Looks fine? Or you want large PDF mimeicon?)
| let list = [this.file] | ||
| let loadMore = undefined | ||
|
|
||
| if (this.itemType === SHARED_ITEM.TYPES.MEDIA && this.isSharedItems) { |
There was a problem hiding this comment.
This would prevent across messages media navigation. You can see in one pic message you cannot navigate to other media
There was a problem hiding this comment.
that was reported as confusing internally (esp. the direction left-right for new-old), and would be the goal. Other media still available from shared items tab (and they have to be loaded anyway)
| height: calc(var(--preview-size) + var(--preview-name-height)); | ||
| min-width: 0; | ||
| max-width: var(--preview-size); | ||
| aspect-ratio: 1; |
There was a problem hiding this comment.
failed image previews in combined tiles. The tile now uses aspect-ratio:1; height:auto; line-height:0 and dropped the --preview-name-height reservation, so when a preview fails and shouldShowFileDetail flips true, the name renders inside a fixed square with line-height:0 and overflows/collapses.

☑️ Resolves
AI (if applicable)
🖌️ UI Checklist
🖼️ Screenshots / Screencasts
🚧 TODO
🏁 Checklist