diff --git a/static/css/components/resourceList.css b/static/css/components/resourceList.css index 5b280ce7..9a907da0 100644 --- a/static/css/components/resourceList.css +++ b/static/css/components/resourceList.css @@ -202,10 +202,23 @@ /* Styles applied whenever the cell is visible (hidden class absent). The .hidden utility class (display:none !important) keeps it invisible - by default — it is stamped directly in the HTML templates. */ + by default — it is stamped directly in the HTML templates. + + `display: flex` lets a nested `.user-vignette` (the common case + for an owner cell — an avatar circle plus a name) become a flex + child that can shrink past its intrinsic content width. The + `.user-vignette__name` already declares + `text-overflow: ellipsis`, but that only fires when the cascade + above it ACTUALLY constrains the width. Without flex here, the + vignette sized to its content and the cell clipped it flat with + no ellipsis. The cell's own `text-overflow` still ellipses + plain-text fallback content (cells without a vignette child). */ .owner-cell { color: var(--color-text-secondary); font-size: 14px; + display: flex; + align-items: center; + min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-darwin.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-darwin.png index 53cdeef1..235e65e3 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-darwin.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-linux.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-linux.png index d5635a90..7b2d4ea4 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-linux.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-chromium-linux.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-darwin.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-darwin.png index 95b2def1..2a307032 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-darwin.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-linux.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-linux.png index 7b1d1c97..8402bee4 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-linux.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-darktheme-chromium-linux.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-darwin.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-darwin.png index 78fc1a66..c3211dbd 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-darwin.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-linux.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-linux.png index 9765b4fe..ff4cc93d 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-linux.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/home-files-lightheme-chromium-linux.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-darwin.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-darwin.png index 3486d614..58958af7 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-darwin.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-linux.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-linux.png index 89cb721c..1b0e163d 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-linux.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-chromium-linux.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-darwin.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-darwin.png index 7e7ebfe5..2821b902 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-darwin.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-linux.png b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-linux.png index 2584c8ee..d5a6a8a3 100644 Binary files a/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-linux.png and b/tests/e2e/scenarios/01-home-and-login.spec.ts-snapshots/login-panel-error-chromium-linux.png differ diff --git a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-darwin.png b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-darwin.png index 944dbe60..f381cbf3 100644 Binary files a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-darwin.png and b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-linux.png b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-linux.png index e0cc872c..b1cc94c4 100644 Binary files a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-linux.png and b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/dropped-files-chromium-linux.png differ diff --git a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/files-with-thumbnails-chromium-darwin.png b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/files-with-thumbnails-chromium-darwin.png index 1b06ea47..159b3820 100644 Binary files a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/files-with-thumbnails-chromium-darwin.png and b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/files-with-thumbnails-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-created-chromium-darwin.png b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-created-chromium-darwin.png index adc23fd4..84ef27a4 100644 Binary files a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-created-chromium-darwin.png and b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-created-chromium-darwin.png differ diff --git a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-renamed-chromium-darwin.png b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-renamed-chromium-darwin.png index 2bd20cac..d9534929 100644 Binary files a/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-renamed-chromium-darwin.png and b/tests/e2e/scenarios/02-folder-management.spec.ts-snapshots/folder-renamed-chromium-darwin.png differ