feat(shared-with-me): show the sharer

This commit is contained in:
Edouard Vanbelle
2026-07-26 23:40:58 +02:00
parent 3b31b8911b
commit 785d922243
4 changed files with 286 additions and 7 deletions
@@ -360,6 +360,19 @@
white-space: nowrap;
}
/* List-view rows are fixed 56px (VirtualList `rowHeight={56}`), and a
full UserVignette stacks avatar (32px) + name (20px) + email (15px)
→ ~40px block that doesn't visually fit the flex-centered cell —
the email tail was cropped. Hide the email in dense-row contexts
(Ed 2026-07-26); the identity signal remains (avatar + name), and
the email survives in the ShareDialog / recipient pickers where
UserVignette was originally scaled for. Grid view's owner cell is
unaffected (it never renders a UserVignette — the sharer surfaces
through the `.file-icon__badge` slot instead). */
.files-list-view .file-item .owner-cell .uv__email {
display: none;
}
/* Expand the grid track as soon as at least one owner cell is visible. */
.files-list-view:has(.owner-cell:not(.hidden)) {
--files-list-columns: 36px minmax(200px, 2fr) 120px 100px 110px 130px 200px;
@@ -409,7 +422,10 @@
overflow: hidden;
}
.files-list-view .file-item .name-cell span {
/* Same narrowing rationale as the grid view rule below — target only
the name text span, not every descendant span, so `.file-icon__badge`
overlay contents (avatars, chips) aren't sized as text. */
.files-list-view .file-item .name-cell__text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -1036,11 +1052,16 @@
margin-top: var(--space-1);
}
.files-grid-view .file-item .name-cell span {
/* Narrowed from the pre-fix `.name-cell span` (descendant selector) to
the specific name-text span. The broad rule caught EVERY span inside
`.name-cell` — including the `.file-icon__badge` overlay and, inside
it, `<UserAvatar>`'s `.ua` wrapper — and slapped 8 px of top/bottom
padding on them, which crushed the badge's `<img>` from 22 × 22 down
to 22 × 6 (Ed 2026-07-26). Text ellipsis / padding stays on the text
span alone; overlay children in `.file-icon` are unaffected. */
.files-grid-view .file-item .name-cell__text {
display: block;
max-width: 100%;
/* Ellipsis must live on the span (the text node), not the flex parent,
or long names clip with no "…". */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;